An immersive, scroll-driven 3D website concept created around the Tesla Cybertruck. The Cybertruc...An immersive, scroll-driven 3D website concept created around the Tesla Cybertruck. The Cybertruc...
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
An immersive, scroll-driven 3D website concept created around the Tesla Cybertruck.
The Cybertruck was built and prepared in Blender before being brought into XrollY, where I created the main scroll-controlled 3D sequence, including camera movements, product transitions, rotations, and visual reveals.
Rive was used for additional interactive motion elements, while the complete experience was embedded into Framer to create the final website.
The result combines real-time 3D storytelling with interactive interface animation, while keeping the 3D experience independent and embeddable.
Stack: Blender · XrollY · Rive · Framer · Web 3D · Scroll-based Animation
Part of my ongoing exploration with XrollY — a platform I'm building for creating, animating, and embedding scroll-driven 3D experiences across the modern web. Live Link: tesla-3d.framer.website
Full Case Study: Check it out
Rohan's avatar
The dark Cybertruck scene has a great sense of reveal—the scroll-driven 3D treatment makes the vehicle feel almost cinematic. I also like how the restrained interface lets the lighting and form do most of the storytelling.
Haseeb's avatar
Best rive usage
Back to feed
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