Component Library
38 composable React components
Production-ready primitives for forms, navigation, feedback, data tables, and application shells — each built with React 19, Next.js 16, and Tailwind CSS v4.
Atoms
Avatar
Image element with fallback initials, status badge, and custom sizing.
Badge
Small status indicator for tags, counters, and state metadata.
Button
Interactive button with loading state, icons, and variants.
Checkbox
Control allowing single selection in forms and settings lists.
Input
Text entry field supporting states, icons, and validation.
Label
Accessible form label for controls and field associations.
RadioGroup
Set of checkable buttons where only one item can be selected.
Select
Dropdown selection control with accessible keyboard support.
Separator
Visual divider between sections, items, or layout panes.
Spinner
Animated loading indicator for asynchronous operations.
Switch
Toggle switch for binary states and instant configuration.
Textarea
Multi-line text input field with auto-resizing and validation.
Data feedback
Alert
Callout banner for critical messages, status, and warnings.
AspectRatio
Displays content within a fixed ratio like 16:9, 4:3, or square.
Breadcrumb
Hierarchical trail indicating current page location.
Calendar
Interactive month calendar for single date selection.
DataTable
Feature-rich table with sorting, filtering, and pagination.
DateRangePicker
DatePicker popup for selecting start and end date ranges.
Pagination
Navigation controls for paginating large data sets.
Progress
Visual indicator showing completion percentage of a process.
ScrollArea
Custom scrollbar container with smooth cross-browser styling.
Skeleton
Animated placeholder loading card for async data fetching.
Table
Structured tabular layout for displaying rows and columns.
Molecules
Accordion
Vertically stacked collapsible section headers.
AlertDialog
Modal dialog interrupting user flow for critical decisions.
Card
Container for grouping related content, actions, and media.
Command
Fast command palette popup with fuzzy filtering and shortcuts.
Dialog
Modal window overlay for rich focused tasks and forms.
DropdownMenu
Contextual menu triggered by a button or action target.
NavigationMenu
Top-level site navigation menu with rich popover panels.
Popover
Floating content panel positioned relative to an anchor.
Sheet
Slide-over side drawer panel for secondary tasks and filters.
Tabs
Tabbed container for switching between parallel views.
Toast
Succinct notification feedback banner with timer dismiss.
Tooltip
Informative popover hint triggered on hover or focus.
Organisms
Combobox
Autocomplete search input paired with a selectable dropdown list.
Form
Comprehensive form wrapper with field validation and layout.
Sidebar
Collapsible application side navigation bar and panel container.