FORMA — Interactive 3D Website Hero in Blender and Three.js

FORMA — Interactive 3D Website Hero in Blender and Three.jsFORMA — Interactive 3D Website Hero in Blender and Three.js

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

Jordan Taylor

pro

• 8h

FORMA — Interactive 3D Website Hero

An original, AI-assisted concept combining Blender product modeling with an interactive Three.js website hero. Features include drag rotation, finish selection, pause/reset controls, and a static fallback image. Basic interaction was tested on my Samsung phone.

Tools: Blender, Three.js, JavaScript.

Personal concept study; no client commission.

Completed work

3D Design Blender three.js 3D Modeling Frontend Development JavaScript

Iván Willenberg

pro

• Oct 7

In recent days I’ve been practicing designing around an image.

Sometimes an image can have great potential and reinforce the message we want to convey. I’m not saying this is the correct way to prepare a strategy, it’s simply an exercise. As a result, I created these three hero section designs, which I’ve published in the Figma community where they can be freely used for experimentation.

If you use them, I’d love to see the outcome, so make sure to tag me!

Link: https://www.figma.com/community/file/1689356223589640264/hero-giveaway

Figma Web Design exploration

Anna Selkova

• Oct 7

So beautiful

Dario Volkmann

max

• Oct 7

New DOVV site is live. I scanned myself into a PS2 style 3D character and turned every badge into a sticker you can peel off. Go play with it and tell me what you think 👀

Check it out