🚀 Next.js + GSAP Starter

A minimal, developer-friendly starter template that combines Next.js, TypeScript, and GSAP for building high-performance animated web experiences.

🎯 Live Demo: https://next-js-gsap-starter.vercel.app

---

✨ Features

• ⚡️ Next.js 15 (App Router)
• 🎬 GSAP 3 integration out of the box
• 🧩 TypeScript support for type-safe development
• 💅 Built-in PostCSS & Tailwind CSS setup
• 🗂 Clean and scalable project structure
• 🚀 Ready to deploy on Vercel or any Node hosting

---

📦 Getting Started

Prerequisites

Make sure you have the following installed:

• Node.js ≥ 20
• npm / yarn / pnpm

Installation

# Clone the repository
git clone https://github.com/farzigalib/next-js-gsap-starter.git

# Move into the project directory
cd next-js-gsap-starter

# Install dependencies
npm install
# or
yarn
# or
pnpm install

---

🏗 Project Structure

src/
├── app/
│   ├── action.ts
│   ├── favicon.ico
│   ├── globals.css
│   ├── layout.tsx
│   └── page.tsx
├── components/
│   ├── Drag/
│   │   └── index.tsx
│   ├── Heading/
│   │   └── index.tsx
│   └── NextImage/
│       └── index.tsx
├── constant/
│   └── images.ts
├── lib/
│   └── gsap.ts
├── src/
├── types/
│   └── nextImage.d.ts
└── util/
    ├── dynamicBlurDataUrl.ts
    └── helperFunc.ts

---

👨‍💻 Author

Built with ❤️ by farzigalib

If you like this starter, give it a ⭐ on GitHub!