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
Portfolio update day 7/30 : Three.js website.
Today I drafted the interactions. Removed a few sections from the layout and combined different shading variations.
The idea is to make transitions seamless but for the preview it's already enough to have not so clean transitions.
Will go polishing it now, update shading to get more realistic environment and when all these steps are ready, will manually redraw all layout to get perfect results.
My stack is pretty simple - just Blender, Claude, React Three Fiber and Figma
(and ElevenLabs on the first stage) - I think it's more than enough for perfect results.
Keep building!
It's amazing. Especially, the self-driven machine's video and it's map.
Thank you! It's now a video, real-time 3D scene 😊
Amazing work my friend! How did you record this video? Screenstudio? Also did you make all the website using Claude? Any specific IDE or direct on Terminal? I am getting used to this workflow
I use CLI version for claude with some custom-made plugins that help me to speed up the website delivery. But all you need now it's some knowledge about what you do and how it works, modern AI and skills
Thanks @Vasily One
Sounds great. I am using Claude Code itself, and pointing it to the websites I am working. Also you dont mention about the video question!
Oh sorry, missed it! Just standard mac screen recording tool+capcut for editing
I think I don't need to care about it on the draft stage but thank you!
Great work🔥👏👏
Thank you! Still in progress!
Superb execution!
Thank you, it will look better on the production stage!
The lidar mapping visual with the corridor lines and depth circles gives it a real sense of the robot actually sensing its environment rather than just moving along a fixed path. Keeping the transitions a bit rough for now is smart, easier to spot what needs fixing before you polish.
Exactly. Thanks!
The design is sleek!
Redrawing the layout manually after the interactions are locked is the right call. if you build the visuals first and wire in transitions after you end up reworking half the scene once you see what actually reads well in motion
This looks fantastic 😍
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
My new portfolio, shown in dark mode.
I designed and built it end to end in a strict monochrome style. It opens with a block-letter SAIF wordmark that bulges under the cursor, over a live particle field. Further down, a dotted globe pins where I work from in Turin, Italy.
My projects play on their own in a device-style showcase that tilts into place as you scroll. Next, 3D letters spelling motivational words fall toward the footer, where they turn into a small slicing game you can play.
Built with React, TypeScript, GSAP, Three.js and WebGL, with a light/dark toggle, smooth scrolling and a custom cursor.
Made these animations with Claude for a B2B SaaS web design project.
Been experimenting with how AI can speed up the animation process while still keeping the interactions intentional and tied to the overall design.
Fun to see a simple idea turn into something that feels much more alive. ⚡
the interactions feel nicely intentional. did claude handle the motion logic too?
Amazing!