operational
personal

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.

Graphic Designer Portfolio project screenshot - 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.jsReactTypeScriptTailwind CSSGSAPFramer MotionThree.jsLenisLottieNodemailerSwiperMaterial-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

90
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