Interactive 3D Product Viewer with Three.js & Tailwind Demo

Interactive 3D Product Viewer with Three.js & Tailwind DemoInteractive 3D Product Viewer with Three.js & Tailwind Demo

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

Adekanmbi Adewale

• Jul 15

A prototype demo for an interactive 3d product viewer, made with Three.js, Tailwind and GSAP. Built this to be used in websites where a strong 3d product presence is required, to be embedded or as an external link.

3D Design GSAP three.js Web Development WebGL

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!!

Alex Prokhorov

max

• Sep 10

built a little timezone app because “what time is that for you?” shouldn’t take this much effort.

each city gets a window. drag through the day and watch the light change. green slots show when your working hours overlap.

calling it sunroom. what do you think?

Web Design Web Development ChatGPT

Pradyumn Vaishnav

max

• Sep 10

Love it!!! Sure I'm gonna use this!

Bearplus Fullstack Agency

• Sep 10

The category default for AI products is dark backgrounds and gradient glow. Heron's audience is architects, so we built the visual system out of their working material instead.

Everything on the site is drawn as architectural line work. Plans, elevations, dimension strings, and annotation boxes styled like redline mark-ups, each one holding a genuine code reference rather than lorem text.

The system does two jobs. It reads as native to someone who spends their day inside Revit, and it supports the product story, because Heron works inside the drawing rather than beside it.