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
I had a band concept when I was younger. The name was Coppelia.
It never went anywhere — but I always knew what the site should feel like.
This week I finally built it. Used SVG Mask to animate the band name into view, and Framer Liquid Grid FX as the hero background — cursor-reactive WebGL distortion that makes the whole section feel alive.
Two components. One interaction layer. The kind of hero that makes you forget to scroll.
Thanks!
Interactive cursor effect 😍
Yeah!
Fantastic 🔥
Thanks!
visually cool
Thanks!
Amazing!
Thanks!
Welcome
Building a site for a band that never quite existed is the most honest version of a personal project. The SVG mask into Liquid Grid stack is sharp, but the real reason this holds is that the idea was already alive before the build. That's the part most hero treatments are missing.
Thank you!
It’s true, the intention is different, and that makes this project truly special. The band didn’t actually get off the ground until years later—though it was really just a solo project at that point, with a few songs recorded but never released. But it’s always a pleasure to design all the band’s visual materials.
wow wow, see how appealing it is 👏
Thanks, man!
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
Related posts
Finally, my 6th @framer template is live on the Framer Marketplace!
Built for startups and SaaS brands with a clean, professional feel.
Check it out here : https://www.framer.com/marketplace/templates/align/
imma go check it out right now!
I'm working on my next Framer template.
Kindra is a full CMS-powered Framer template for DNA testing companies, an industry worth $20B with almost no quality web presence. Warm editorial design, real copy, real structure. Built right.
More updates as I progress.
I am open for new projects, either design or development or both. Send me a message and we can have a discovery call to discuss your project.
You did a great job making the design both attractive and functional.
Who loves custom cursor in Framer?
Using my logo as a custom cursor.
It resembles the normal cursor when upside down :)
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?