A premium, high-performance portfolio built with Next.js, GSAP, and Tailwind CSS. Designed for a seamless user experience with fluid animations and modern UI/UX principles.
- Framework: Next.js 15 (App Router)
- Styling: Tailwind CSS 4
- Animations: GSAP & Lenis (Smooth Scroll)
- Icons: Lucide React & React Icons
- Components: Custom-built with a focus on polished micro-interactions.
- Smooth Scrolling: Powered by Lenis for a fluid, high-end feel.
- Section Reveals: Coordinated GSAP ScrollTrigger animations that bring the content to life as you scroll.
- Dynamic Projects Grid: Showcasing works with smooth hover effects.
- Interactive Achievements: A custom "molecular" cluster of milestones with intelligent hover states.
- Responsive Design: Fully optimized for mobile, tablet, and desktop.
- SEO Optimized: Semantic HTML and fast performance.
First, install the dependencies:
npm installThen, run the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.
src/app/: Root layout, global styles, and the main entry page.src/components/: Reusable React components (Hero, Works, Experience, etc.).public/: Static assets including optimized images.
This project is private and intended for personal portfolio use.