A comprehensive collection of reusable components built with React, Tailwind CSS, and Radix UI. Explore our component library, customize themes, and find the perfect building blocks for your next project.
41
Total Components
3
Available Themes
4
Tiers Available
Features
Tiered System
Choose from 4 tiers of complexity, from micro to specialized components
Multiple Themes
Three beautiful themes: Default, Minimal, and Sleek. Customize to match your brand
Dark Mode
Built-in dark mode support for all components and themes
Type-Safe
Built with TypeScript for better developer experience
Featured Components
Input
Tier 1A text input field for user data entry.
Textarea
Tier 1A multi-line text input field.
Select
Tier 2A dropdown select component for choosing from options.
Checkbox
Tier 2A checkbox input for boolean selections.
Radio Group
Tier 2A group of radio buttons for single selection.
Switch
Tier 1A toggle switch for boolean values.
Documentation
Tier Comparison
See which components are included in each tier. Higher tiers include all components from lower tiers.
Tier 1 (Micro)
14 componentsEssential components for landing pages and MVPs
Input
Textarea
Switch
Label
Button
Badge
Sheet
Navigation Menu
Card
Accordion
Skeleton
Dark Mode Toggle
Separator
Avatar
Tier 2 (Standard)
17 componentsStandard components for SaaS and dashboards
Everything from Tier 1
Select
Checkbox
Radio Group
Form
Dialog
Alert Dialog
Popover
Tooltip
Breadcrumb
Dropdown Menu
Icon Dropdown
Table
Collapsible
Tabs
Progress
Sonner
Scroll Area
Tier 3 (Enterprise)
5 componentsEnterprise components for complex apps
Everything from Tier 1 & 2
Hover Card
Resizable
Calendar
Command
Slider
Tier 4 (Specialized)
5 componentsSpecialized components for niche tools
Everything from Tier 1, 2 & 3
Input OTP
Drawer
Menubar
Context Menu
Carousel