Next.js · GSAP · 2025·Personal
PORTFOLIO
Client
Personal
Year
2025
Stack
Next.js 15TypeScriptGSAPSupabaseTailwind CSSLenisSplitTypeVercel
The portfolio site you are currently viewing — built with Next.js 15, GSAP animations, Supabase for the community drawing wall, and Vercel Analytics for performance insights.
A creative portfolio built to showcase my work with attention to detail in motion design and user experience. Features include a GSAP-powered page transition system, a hidden Konami code easter egg linking to an interactive drawing canvas stored in Supabase, smooth scroll with Lenis, SplitType text animations, and a fully animated dark/light theme toggle.
Key Features
- 01GSAP ScrollTrigger animations across all sections — word-reveal, parallax, magnetic hover
- 02Konami code easter egg leading to a Supabase-backed community drawing wall
- 03Page transition system with animated overlay using template.tsx
- 04Custom magnetic cursor with blend-mode effects
- 05SplitType character-level animations on contact section CTA
- 06Vercel Analytics integration for real-time usage insights
- 07Fully responsive with adaptive mobile layouts