Nyx UI is a modern, open-source React component registry built for Next.js. It provides a collection of customizable, animated, and accessible UI components designed to help developers build stunning interfaces faster.
Built with Tailwind CSS, Motion, and TypeScript.
- Pre-built Components - A growing collection of production-ready components
- Animations - Smooth, customizable animations powered by Framer Motion
- TypeScript - Fully typed for excellent developer experience
- Tailwind CSS - Styled with utility-first CSS framework
- Accessible - Built with accessibility in mind using Radix UI primitives
- shadcn Compatible - Works seamlessly with the shadcn/ui ecosystem
- Node.js 18+
- pnpm (recommended)
Browse components at nyxui.com and copy the code directly into your project. Each component is designed to be self-contained and easily customizable.
- Framework: Next.js 15
- Styling: Tailwind CSS 4
- Animations: Framer Motion
- Icons: Lucide React
- Content: MDX with Content Collections
We welcome contributions! Please read our Contributing Guidelines to get started.
Mihir Jaiswal
- X: @mihirjaiswal
- Portfolio: mihirjaiswal.me
MIT License - feel free to use this project for personal or commercial purposes.
If you like Nyx UI, give it a ⭐ on GitHub and share it with your network!