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
Exploring what interactive profile customization could look like.
Created this character frame from scratch in Rive
Turning a simple frame into a tiny interactive character 🐈⬛✨
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
One of my favorite UI experiments so far.
I challenged myself to create a cinematic Pepsi landing page where the interface feels like it's floating above the background instead of sitting on top of it.
✨ Features:
🎥 AI-generated animated background
🥤 Scroll-driven storytelling with different Pepsi products
🪟 Glassmorphism & Frosted Glass UI
🌊 Smooth blur, reflections, and premium lighting
⚡ Framer Motion animations
📱 Fully responsive
🎯 Built with React, Vite & Tailwind CSS
The goal wasn't just to build another landing page :it was to create an immersive experience where motion, depth, and interaction tell the story.
Still polishing the animations and interactions, but I'm really happy with how it's coming together.
What would you improve? 👇
#React #TailwindCSS #FramerMotion #UI #UX #WebDesign #Frontend #Glassmorphism #LandingPage #Pepsi #CreativeCoding #MotionDesign
The floating interface effect actually works here, it reads more like a movie poster than a landing page. How did you handle the scroll-driven storytelling technically, is that all Framer's native scroll effects or did you need custom code for the parallax depth?
It's not easy to visualize how AI products work under the hood.
But not easy doesn't mean impossible 😎
That soft glowing orb floating in the wireframe grid is such a clever visual metaphor for an AI product, abstract enough to not overpromise but still feels alive thanks to the motion. Are you animating that in Rive procedurally, or keyframing each state by hand?
A concept hero section for a moody, contemporary residential architecture studio. Built in Framer with a dark and editorial feel, this hero displays conversion-led copy and animated effects.
That niche focus makes the concept click. The motion is a smart differentiator for architecture, and the heading proves strategic copy can carry the idea. Are you planning to turn this into a reusable studio template?
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?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?