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
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.
Love this!
thanks Bella! glad it landed π
Glass effect is always very cool man, great job! π₯
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 π
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...
raw youtube embeds ruining a page is so real
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
Challenges
View all
Related posts
Nova Quinn is live, a Framer portfolio template for visual artists and small studios. Lots of motion on the landing page, best seen on desktop.
$99, or $129 with the Figma file.
I guess there is a problem with the sticky text.
another week another @framer template dropping soon π
this is so heart eyes
Sigrid SatΕ - Website Design & Development
Sigrid SatΕ is a solo architect who works with two to three home owners at a time. The brief was to design and develop a brand and website, for one purpose, to reinforce and confirm the initial impression made by the person referring her work.
The website is a home to not only showcase her work, but her thinking, her approach and execution. It's a digital flag planted in the ground quietly but firmly stating who she is and who she works with.
I kept the design minimal using one font with multiple weights -Β EikoΒ for the H1 display title and Fraktion Sans for the body. Both fonts areΒ from Pangram Pangram Foundry and a minimal color pallet to create an editorial look and feel.
Disclaimer; This is a self-initiated project to sharpen my craft across physical and digital assets. I used Claude to provide the copy andΒ lummi.aiΒ to generate the images.
