New component live: Glass Video Card 🎬 Every school, course or agency site has an institutional ...New component live: Glass Video Card 🎬 Every school, course or agency site has an institutional ...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Ricardo's avatar
Ricardo Kruger
pro
• 2d
New component live: Glass Video Card 🎬
Every school, course or agency site has an institutional video, and it almost always ends up buried in a raw YouTube embed that breaks the page's design.
Glass Video Card turns it into a glassmorphism card that opens fullscreen on click. Paste a YouTube, Vimeo or MP4 link, or upload your own video file — no embed code needed.
Built with two glass recipes, full keyboard accessibility, and tested across desktop, tablet and mobile.
$9. Second piece of the Glass component family I'm building for Framer — check out Glass Login, Glass Form, Glass Contact, Glass FAQ Accordion and Glass Section Kit too.
componentFramer
Bella's avatar
Bella Brillantes
pro
• 2d
Love this!
Ricardo's avatar
Ricardo Kruger
pro
• 1d
thanks Bella! glad it landed 🙏
Zeenah's avatar
Zeenah Yusuf
• 1d
This is really nice
Ricardo's avatar
Ricardo Kruger
pro
• 1d
appreciate it Zeenah! 🙌
Tan's avatar
Tan | Wayrise
pro
• 1d
Glass effect is always very cool man, great job! 🔥
Ricardo's avatar
Ricardo Kruger
pro
• 1d
thanks man! took me a while to get the blur + fill balance right without killing the readability. glass is easy to do, hard to do well 😅
TRUEFRAME logo
TRUEFRAME
max
• 1d
the fullscreen on click part is smart Ricardo. how long did the glass card take to build?
Ricardo's avatar
Ricardo Kruger
pro
• 1d
thanks! honestly the visual part was fast — the time went into the fullscreen transition and making it behave on mobile. probably 70% of the work was in details nobody notices until they break.
had some AI help on the code side too, which sped things up a lot. still had to fight...
Nazar's avatar
Yasno Design Agency logo
Nazar Koliano
pro
• 20h
raw youtube embeds ruining a page is so real
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started