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
Undertow reads the emotional signals you don't consciously track — tension, calm, overwhelm and turns them into something you can actually see and understand.
Both are amazing
reading tension and overwhelm is an ambitious thing to design for
Wow the interaction is so beautiful! And I love the way you showed it's loading with the lights through the text, very nice
Turning something as vague as "overwhelm" into an actual visible signal is a hard design problem. What was the trickiest emotional state to translate into something you could actually show on screen?
Nice Design
That's Creative.😍
amazing work
This is Dope 🔥
Looks amazingg
Clean, modern, and professional. Great job!
nice work
Creative work !
Visualizing emotional state as this shifting particle orb is a much better metaphor than a dashboard with numbers on it. Does the pattern respond in real time or is it more of a periodic snapshot?
Amazing work
This feels both modern and timeless!
The organic orb was the right call over a gauge or a number. Emotion reads as movement, not as a value, and the shifting particles sell that instantly. I would love to know whether calm and overwhelm differ in color or only in motion density.
Really cool way to make emotional patterns visible.
Wow, how did you created this framer effect? Thats really nice!
Translating chaotic emotional states into an organic, shifting particle orb is brilliant. Did you use Unicorn Studio to generate and control the interactive shader effects?
Smooooth...
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
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?
Related posts
I had this idea stuck in my head for a while...
What if scrolling through a website felt more like controlling the camera in a cinematic Ferrari commercial?
So I decided to build it.
The hero section starts inside the cockpit. As you scroll, the camera moves through the windshield, circles around the Ferrari, and finishes behind the car all controlled by your scroll.
Getting it to feel smooth was the biggest challenge. Scrubbing a video directly didn't deliver the experience I wanted, so I switched to a frame by frame approach instead. It took a bit more work, but the result feels much more natural and responsive.
This is the kind of experience I love building where motion isn't just there to look cool, it becomes part of the storytelling.
You can try the live demo here:
https://pure-velocity-sculpt.base44.app
I'd genuinely love to hear your thoughts. 👇
#WebDesign #LandingPage #UIDesign #UXDesign #MotionDesign #CreativeCoding #ScrollAnimation #AI #WebDevelopment #Awwwards
Okay this is such a fun concept, scrolling as camera movement instead of just scroll-triggered fades. Frame by frame instead of scrubbing video is a smart workaround. Did you run into any performance issues getting it smooth on lower-end devices?
Meet SRC.
This has been such a crazy website to build, and I’ve loved every minute of it.
It’s not meant to be perfect. It’s meant to be a gallery of weird, experimental ideas. I wanted to combine minimalism with bold design and more complex components to create something that feels different.
It’s still a work in progress. Although it’s live, I’m constantly developing, refining, and adjusting it.
For now, here’s another sneak peek before I show the whole project.
Let me know what you think!
Love this!