Graphic Designer Portfolio

This portfolio showcases Nitin's work in visual storytelling, motion graphics, and digital artistry. The site includes a preloader, smooth scrolling via Lenis, scroll-triggered animations using GSAP and Framer Motion, and an interactive contact form with email integration. It's designed to be fully responsive and optimized for performance.

Tech Stack

Next.js React TypeScript Tailwind CSS GSAP Framer Motion Three.js Lenis Lottie Nodemailer Swiper Material-UI

frontend

→Next.js 15 App Router
→React 19
→TypeScript
→Tailwind CSS 4
→GSAP for animations
→Framer Motion
→Three.js for 3D
→Lottie for animations

backend

→Next.js API Routes
→Nodemailer for email
→Rate Limiter Flexible

database

→None (static site with contact form)

deployment

→Vercel
→Automatic CI/CD
→Edge Network

Performance

lighthouse

1.0s

first Contentful Paint

1.5s

time To Interactive

200KB

bundle Size

Key Features

#1Preloader with Lottie animation

#2Smooth scrolling with Lenis

#3Scroll-triggered animations with GSAP

#4Interactive hero section with LiquidEther 3D effects

#5Responsive design with Tailwind CSS

#6Multi-step contact form with Nodemailer email integration

#7Custom fonts: Dahlia, Glitz, and SpaceGrotesk

#8Vercel Analytics integration

#9Rate-limited API for contact form