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
Immersive parallax landing page for a wood-fired pizzeria concept , built with React, TypeScript, and Tailwind CSS.
Two scroll-driven scenes inside a sticky viewport: a curtain-reveal intro that opens into a glowing oven portal, then transitions into an arc-shaped card slider showcasing the menu. Custom scroll-linked and mouse-driven parallax across every layer, staggered entrance animations, fully responsive across mobile/tablet/desktop, no external UI libraries.
Open to building similar interactive/parallax experiences for brands, menus, and product launches.
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
Built this landing page using Figma + Claude Fable 5.
https://novaabank.netlify.app
Wow , i mean now words still cannot belive ai did this
Hello everyone I'm Prem, and this is ORBIT, my entry for the Flowstep.ai Challenge.
We all lose touch with friends we loved from school, from college. Nobody's fault. Life gets busy, and by the time you notice, it's been years.
Losing a friend isn't a decision you make; it's something you find out about, long after it happened. Everyone means to react out . Nothing reminds you that you haven't.
So I built the thing that keeps track. In Orbit you're the sun, and your friends are planets orbiting you. How far out a planet sits is how long you've been quiet. Tanmay hasn't heard from me in 212 days, so he's stopped moving he's asleep, with little z's floating off him.
The distance isn't decoration, the picture is the data. Your glance at your galaxy.
And it doesn't nudge you to "check in." It gives you a reason: her show opens Friday, and you saved her flyer in March. You send a Shooting Star, she replies, her orbit pulls back in.
It never reads what you wrote. It only notices that you talked.
I connected Flowstep to Claude Code over MCP and drove the whole build from my terminal. Loading my design system in as Flowstep's design guidelines first is what made 21 screens feel like one product. Then I put it live, so it's a real app you can use.
Send someone a shooting star and see what comes back 😊 .
#FlowstepChallenge #Flowstep #ClaudeCode #MCP #ProductDesign
Portfolio update day 4/30:
Today I started migrating the scene to Three.js with Claude.
What I've accomplished:
WebGPU scene with soft shadows and reflections, transfer of models, materials, and environments, lighting setup.
As expected, I transferred all the routine work to Claude and didn't bother with manual export.
This will require review and possible optimization in the final stage, but for now the result is amazing.
Next up are the bot animation, the Rive interface, and finally, the creation of the website layout into which the scene will be integrated.
I keep building!
WebGPU still has spotty browser support so that review stage probably needs a fallback path not just optimization. worth locking in early since it is easy to design around it later than to patch it after the scene is built