Interactive Swiss-Style Studio Site with 3D Physics and WebGLInteractive Swiss-Style Studio Site with 3D Physics and WebGL
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
A hand-built studio site in a Swiss "lacquer & stone" style: warm stone paper, lacquer-red accents, thin uppercase type and fine film grain. Every section reacts as you scroll: Halftone portrait that reveals under your cursor
Signature that draws itself, and a manifesto that lights up word by word
The boutique: five project videos with a working till. Reach the end and the receipt prints PAID
3D paper crumple: the receipt folds into a real 3D ball and drops into the page with physics
"A Day in Code": an original stick-figure film drawn in code. The ball lands inside it and gets a bicycle kick
Generative synth music and cartoon sound effects, all made live in the browser
AI-style assistant in a glowing WebGL orb, available in six languages
Built with: Vanilla JavaScript · Vite · GSAP + ScrollTrigger · Lenis smooth scroll · Three.js (3D crumple and cart) · Matter.js (physics) · WebGL shaders · Web Audio API · Web Workers · Vercel
The 3D crumple runs in a Web Worker and only the video on screen plays, so it stays smooth at 60fps.
Dim's avatar
This is nice 👌
Saif's avatar
I appreciate man
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