Lightweight, Next.js-ready UI components built with Tailwind CSS.
Designed for speed and simplicity.
- Built for Next.js only
- TailwindCSS first — minimal extra styles
- Lightweight, tree-shakable components
- Open-source and MIT licensed
Before you begin, make sure your Next.js project includes the following packages:
| Package | Description |
|---|---|
framer-motion |
Smooth animations and transitions |
lucide-react |
Elegant and consistent SVG icons |
next-themes |
Dark/light theme management |
sonner |
Minimal toast notification system |
tailwindcss |
Utility-first CSS framework |
Tailwind Next.js installation guide
Run the following commands to install all required packages:
npm install framer-motion lucide-react next-themes sonner
npm install tailwindcss @tailwindcss/postcss postcssThen, install @niftyers/next-ui:
npm install @niftyers/next-uiPull requests, feature ideas, and bug reports are welcome!
Please make sure your commits follow the Conventional Commits standard:
feat: A new featurefix: A bug fixdocs: Documentation changesstyle: Changes that do not affect meaning (formatting, whitespace, etc.)refactor: Code changes that neither fix a bug nor add a featureperf: A code change that improves performancetest: Adding missing tests or fixing existing tests