My personal portfolio, built from scratch with Next.js 16. Features custom WebGL shaders, bespoke animated visualizations for every project, interactive navigation, and responsive design — no templates, no shortcuts.
How It Works
Custom Shaders
WebGL and GradFlow shaders create dynamic, ever-shifting backgrounds throughout the site.
Animated Cards
Every project has a bespoke visualization — no static screenshots. Each card tells the project's story.
Interactive Nav
Click-to-browse navigation with keyboard support and smooth scroll-driven transitions.
Responsive Design
Tailored layouts for mobile, tablet, and desktop with touch-optimized interactions.
Role
Creator
Team
Solo
Year
2025 — Present
Tech Stack
Next.jsTypeScriptTailwind CSSFramer MotionThree.jsReact Three FiberGradFlow
You're already here