Personal portfolio website built with Next.js, GSAP, Spline 3D and smooth scrolling.
Third version of my personal portfolio website. Built with Next.js App Router, GSAP scroll animations with ScrollTrigger and ScrollSmoother, Spline 3D scenes, Lottie animations and horizontal scrolling sections.
🔗 Live: portfolio-v3
| Page | Description |
|---|---|
| Home | Full portfolio — hero, about, projects, skills, contact |
- GSAP — scroll-based animations with ScrollSmoother and ScrollTrigger
- Spline 3D — interactive 3D scenes via
@splinetool/r3f-spline - Smooth scrolling — GSAP ScrollSmoother for buttery scroll experience
- Horizontal scrolling — GSAP-powered horizontal sections
- Lottie — animated illustrations via
lottie-react - Swiper — project carousel
- Split Type — text split animations
- Contact form — React Hook Form + Zod validation + Resend email
- Redux Toolkit — global state management
- Page transitions — smooth transitions via
next-transition-router - Shadcn UI + Radix UI — accessible UI component system
- Lucide React — icon set
- Responsive — adaptive layout via
react-responsive
| Technology | Purpose |
|---|---|
| Next.js | React framework |
| TypeScript | Type safety |
| GSAP + ScrollTrigger | Scroll animations and triggers |
| GSAP ScrollSmoother | Smooth and horizontal scrolling |
| Spline | 3D scenes |
| Lottie | Animated illustrations |
| Swiper | Carousel |
| Tailwind CSS | Styling |
| Shadcn UI | UI component system |
| Radix UI | Accessible UI primitives |
| Lucide React | Icons |
| Redux Toolkit | State management |
| React Hook Form + Zod | Contact form validation |
| Resend | Email sending |
| Split Type | Text animations |
| next-transition-router | Page transitions |
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build