What is Nurui??
Nurui is a modern, open-source UI component library built with Next.js and Tailwind, designed to give developers speed, flexibility, and full control over their UI.
Unlike most libraries, Nurui focuses on:
- Keeping your most-used components in one place
- Full customization with clean, extendable structure
- Developer-first experience with CLI & live preview support
Why Nurui?
You might be thinking — “Why build another UI library?”
Good question.
After working with tools like shadcn/ui, Aceternity UI, and Magic UI, I realized:
I need a space where I can store my most-used components and animations, fully customize them, and reuse them across projects with ease.
That’s how Nurui was born a personal tool turned open-source project for the dev community.
Installation
1. To see the full list of available components you can install:
npx nurui list
2. Add Components
You can now start adding components to your project.
npx nurui add gradient-button
This will generate the component in: components/nurui/GradientButton.tsx
3. Import and use the component
The command above will add the GradientButton component to your project. You can then import it like this:
import { GradientButton } from "@/components/nurui/GradientButton";
export default function Home() {
return (
<div>
<GradientButton />
</div>
);
}
🔭 Coming Soon
- AI-Generated Documentation
- Interactive Component Playground
- Responsive Preview for different breakpoints
🤝 How to Contribute
- ⭐ Giving a Star on GitHub
- 🛠 Submitting pull requests or improvements
- 💬 Sharing feedback or suggestions
❤️ Final Thoughts
I built Nurui to simplify my workflow — and I’m thrilled to share it with you. If you're looking for a customizable, lightweight, and dev-focused UI library — give Nurui a try.Feel free to explore, use it in your own projects, and let me know how I can improve it!
[deleted]