MIT License

项目介绍

K-H-Rayhan/nextjs-animated-slider 是一个托管在 GitHub 上的开源项目,主要使用 TypeScript 编写,采用 MIT License 许可证,目前获得 376 个 Star、85 次 Fork。

仓库全名
K-H-Rayhan/nextjs-animated-slider
开源许可证
MIT License
Star 数
376
Fork 数
85
未关闭 Issue
3

README 摘要

🎞️ 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. alt="Nextjs Animated Slider Preview" src="https://github.com/K-H-Rayhan/nextjs-animated-slider/assets/83538046/676e87e0-0988-4431-9c3d-354635faca93" width="100%" /> ✨ Features Smooth and performant…

完整内容见 GitHub 原始 README 或本页 。

常见问题

nextjs-animated-slider 用什么语言开发?

主要使用 TypeScript 编写,采用 MIT License 许可证,目前有 376 个 Star。

nextjs-animated-slider 可以免费商用吗?

仓库采用 MIT License 许可证,可免费使用与修改,商业使用请遵守许可证条款(例如保留版权声明与许可声明)。

如何获取 nextjs-animated-slider 的源码?

可以直接克隆仓库:git clone https://github.com/K-H-Rayhan/nextjs-animated-slider.git;安装与运行步骤见仓库 README。

nextjs-animated-slider 最近还在维护吗?

仓库最近一次更新为 1月21日,当前有 3 个未关闭 Issue;Star 数为 376,可作为社区活跃度的参考。

关于

GitHub 原始描述(英文)

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

描述取自 GitHub 官方 API,保持仓库作者书写的原文。

简要分析

热度分
922
价值分
288
活跃状态
活跃

语言占比

CSS
JavaScript
TypeScript

README

🎞️ 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.

评论

暂无评论