It's astonishing that this can be created with just code, thanks to Three.js. We don't even need ...

It's astonishing that this can be created with just code, thanks to Three.js. We don't even need ...It's astonishing that this can be created with just code, thanks to Three.js. We don't even need ...

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

Hossain Jahed

• Aug 17

It's astonishing that this can be created with just code, thanks to Three.js. We don't even need a 3D model anymore.

three.js 3dmodel design

Vishal Jaiswal

• Sep 21

Been experimenting with SDFs + GLSL and adding a liquid glass layer on top.

The shape is fully procedural, with morphing forms, subtle distortion, refraction, blur and that soft glassy feel.

three.js

Rahman Rahe

• Sep 21

Incredible

Partha Das

• Sep 21

How I built my portfolio

Wanted something more visual than a typical dev portfolio, so I went looking on Codrops (they publish free front-end demos/tutorials) and found a cinematic 3D scroll demo — GSAP + Three.js + WebGL, with a shader particle scene and a scroll-controlled camera with animated type.

Used that as the base, then reworked the sections around my own work: swapped the placeholder content/images for my projects and info, retuned the scroll animations to fit a portfolio flow instead of a tutorial demo, and shipped it on Vercel.

Live: web-portfolio-ochre-alpha.vercel.app Code: https://github.com/parthodas23/web-portfolio