Welcome to nqui

nqui is a modern, accessible React component library built with TypeScript, Tailwind CSS, and Radix UI primitives. It provides enhanced UI components and developer tools for building beautiful SaaS applications.

Get Started

npm install @nqlib/nqui
npx @nqlib/nqui init-css

Follow the Installation guide, then Next.js or Vite setup for your framework.

Features

• 🎨 Enhanced Components - Beautiful, customizable components with enhanced styling
• ♿ Fully Accessible - Built on Radix UI primitives for accessibility
• 📱 Responsive Design - Mobile-first components that work everywhere
• 🎯 TypeScript Support - Full type safety out of the box
• 🌙 Dark Mode - Built-in dark mode support
• 🔧 Developer Tools - Debug panel, magnifier, and UI testing tools included
• 🚀 Framework Agnostic - Works with Next.js, Vite, and other React frameworks

What's Included

nqui provides a comprehensive set of components:

• Essential Components - Button, Card, and more
• Form Components - Input, Select, Checkbox, RadioGroup, and more
• Layout Components - Separator, ScrollArea, Sidebar, and more
• Feedback Components - Alert, Dialog, Toast, and more
• Navigation Components - Tabs, Breadcrumb, Navigation Menu, and more
• Custom Components - ColorPicker, Rating, TableOfContents, and more

Next Steps

• 📦 Installation - Install nqui
• 🔧 Setup Guides - Next.js or Vite setup
• 🧩 Components - Browse all components