Skip to content

Stunning animated slider website built using Next.js, Framer Motion, and Tailwind CSS.

License

Notifications You must be signed in to change notification settings

K-H-Rayhan/nextjs-animated-slider

Repository files navigation

🎞️ Next.js Animated Slider

A production-ready animated slider component built with Next.js, Framer Motion, and Tailwind CSS.
Designed to be reusable, customizable, and easy to integrate into modern React applications.

Nextjs Animated Slider Preview


✨ Features

  • Smooth and performant animations powered by Framer Motion
  • Fully responsive and mobile-friendly
  • Tailwind CSS–based styling
  • Easily reusable slider component
  • Clean and modern UI design
  • Optimized for Next.js projects

🌐 Live Demo

👉 https://nextjs-animated-slider.vercel.app/


📦 Installation

Clone the repository:

git clone https://github.com/K-H-Rayhan/nextjs-animated-slider.git
cd nextjs-animated-slider

Package Installation:

npm install
# or
yarn
# or
pnpm install

Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Run the production server:

npm run build && npm run start
# or
yarn build && yarn start
# or
pnpm build && yarn start

🤝 Contributing

Great products are built together. We enthusiastically welcome your collaboration—whether through code, design, documentation, or ideas. Let's join forces to create something extraordinary.

About

Stunning animated slider website built using Next.js, Framer Motion, and Tailwind CSS.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •