How I built my portfolio Wanted something more visual than a typical dev portfolio, so I went loo...How I built my portfolio Wanted something more visual than a typical dev portfolio, so I went loo...
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
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.
Hi :) This is a journey through asteroids into the heart of a star. Built with Three.js, React Three Fiber, and custom GLSL shaders. Liquid images, interactive particle typography, and a core that opens under your cursor.
3D Motion Design - A vs B Poll - Minimal White vs Premium Detailed Copper coins with F logo flowing in spiral. Which feels more premium? Rendered in Blender 4.2, 4:3 (1600x1200), 98% photoreal.