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
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.
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
Challenges
View all
Related posts
Really happy with how this interaction turned out. Sound effects feel super satisfying as well
The interaction feels so satisfying. The sound effects are a really nice touch. 🔥
New cover, new visual taste test.
As a visual director, the hardest choice is choosing between your own creations.
Two covers. Two directions. One choice.
Which one gets your vote?
34 voted
79%
9 voted
21%
43 votes
Closed
the blue background makes the orange shapes pop
Areal – Now available in Framer.
A minimal template for creative studios and independent creatives.
Built around strong typography, considered layouts, and subtle interactions with enough flexibility to make it your own.
Strong typography and subtle interactions are a solid foundation for a portfolio.