All projectsPersonal project
This Portfolio
The site you're on right now
This website. Built with Next.js, TypeScript and GSAP.
- Role
- Solo project
- Category
- Frontend
- Status
- Live
- Stack
- Next.js, TypeScript, GSAP, Lenis, Canvas, Tailwind CSS
(01) What it is
The project
My portfolio, built from scratch. The lines in the background are a contour map drawn on a canvas with marching squares, and the circle that follows your mouse on the homepage uses an SVG clip path to show the code hidden underneath.
Everything is statically generated, works on phones, respects reduced motion settings, and deploys to Vercel whenever I push to GitHub.
(02) Details
How it works
- 01Contour lines generated with marching squares on a canvas, paused when they're offscreen
- 02Cursor lens made with an SVG clip path and a bit of spring physics
- 03Page transitions and scroll animations with GSAP and Lenis
- 04Works with reduced motion turned on