Skip to content

niftyers/next-ui

Repository files navigation

@niftyers/next-ui

Lightweight, Next.js-ready UI components built with Tailwind CSS.
Designed for speed and simplicity.


✨ Features

  • Built for Next.js only
  • TailwindCSS first — minimal extra styles
  • Lightweight, tree-shakable components
  • Open-source and MIT licensed

🚀 Installation

📦 Pre-Requisite Packages

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

🔧 Installation

Run the following commands to install all required packages:

npm install framer-motion lucide-react next-themes sonner
npm install tailwindcss @tailwindcss/postcss postcss

Then, install @niftyers/next-ui:

npm install @niftyers/next-ui

❤️ Contributing

Pull requests, feature ideas, and bug reports are welcome!

Please make sure your commits follow the Conventional Commits standard:

  • feat: A new feature
  • fix: A bug fix
  • docs: Documentation changes
  • style: Changes that do not affect meaning (formatting, whitespace, etc.)
  • refactor: Code changes that neither fix a bug nor add a feature
  • perf: A code change that improves performance
  • test: Adding missing tests or fixing existing tests

🙌 Acknowledgments

About

A simple, open source, accessible react components on top of tailwindcss.

Topics

Resources

License

Stars

Watchers

Forks

Contributors 2

  •  
  •