Desktop view of GSAP Portfolio
Overview
A modern, high-performance personal portfolio website built with Next.js 16 and React 19, featuring immersive animations, interactive 3D visuals, and AI-powered capabilities — deployed on Cloudflare Pages.
Powered by GSAP, Framer Motion, and Lenis for buttery-smooth scroll and transition effects. Three.js brings interactive 3D elements to life, creating an immersive and memorable visual experience for visitors.
AI integrations via Google Gemini and OpenAI through OpenRouter add intelligent interactivity. Server-side email via Nodemailer, dark/light theming with next-themes, and Vercel Analytics round out a production-ready personal brand site.
Key Highlights
Built with Next.js 16 and React 19 for cutting-edge performance
Deployed on Cloudflare Pages with custom pre/post build scripts
AI-powered features via Google Gemini and OpenAI (OpenRouter)
Buttery smooth scroll experience powered by Lenis
Interactive 3D visuals using Three.js
Dark/light theme support with next-themes
95.3% TypeScript codebase — fully type-safe
Features Included
Hero section with GSAP and Framer Motion animations
Interactive 3D scene built with Three.js
AI assistant integration (Google Gemini + OpenAI via OpenRouter)
Contact form with server-side email delivery via Nodemailer
Cloudflare Pages deployment with Wrangler CLI
Analytics tracking with Vercel Analytics
Responsive design with Tailwind CSS v4
Tooltip UI components via Radix UI
Dark/light mode toggle with next-themes