I just finished building a next-gen 3D eCommerce experience from scratch, and I wanted to

I just finished building a next-gen 3D eCommerce experience from scratch, and I wanted toI just finished building a next-gen 3D eCommerce experience from scratch, and I wanted to

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

Filippo Castellan

• Jun 7

I just finished building a next-gen 3D eCommerce experience from scratch, and I wanted to push the boundaries of current web performance.

By combining React 19 and Vite, the load times are instant. Thanks to React Three Fiber (Three.js) and GSAP, the product interactions and cinematic scroll feel incredibly premium and fluid.

🛠️ The Tech Stack: • Frontend: React 19 + TypeScript + Vite • 3D & Animations: Three.js (R3F) + GSAP + Lenis Smooth Scroll • Styling: Tailwind CSS • Deployment: Vercel

🔗 Check out the live demo here: app-two-lake-16.vercel.app

I’m currently booking new freelance projects for June/July 2026. If your brand or agency needs a high-end, high-conversion 3D website that stands out, let’s chat!

Tailwind CSS three.js React

Gabriela Pechova

pro

• Sep 10

Just came across this website and really liked the way they’ve combined clean design with immersive interactions.

The smooth animations, typography, transitions, and product storytelling make the whole experience feel premium without being overwhelming.

Website: otsuka-air.jp

What stood out to me: • Smooth and thoughtful interactions • Clean visual hierarchy • Strong product storytelling • Minimal yet engaging UI • Great use of motion throughout the experience

Would love to know what you guys think about this design approach.

What’s your favorite detail on this site? 👀

Figma three.js Next.js UI Design Web Design Web Development

Blessing Akpoghelie

• Sep 11

Amazing!

José Félix

• Sep 10

Playing with fireworks 🎆 in WebGL and GLSL Shaders with Three.js

Check it out here: https://peperini.github.io/shaders/11-fireworks-shader/

(you have to click to create more fireworks)

three.js WebGL glsl

Tvaron Technologies®

• Sep 14

Nice work!!

Kate Maricheva

• Sep 10

New kitchen render set is live 🏡

This one was fun - a transitional kitchen with a waterfall island, brass hood, and full stone backsplash. The brief was simple but the pressure wasn't: the client needed to fall in love with a space that didn't exist yet.

That's the real job in architectural visualization. Not "make it pretty" - make it believable enough that nobody hesitates before construction starts.

Full case study is in my portfolio. Which angle sells the space best to you - the wide island shot or the tighter cooking-wall view?

Check it out