chiselui

A set of accessible, themeable React components built with CSS variables. Open source. Strict TypeScript. Dark mode included.

Documentation

Visit https://ikergoncalves.github.io/chiselui to view the documentation.

Components

| Component | Status | Description | | ----------- | ---------- | -------------------------------------------------------- | | Button | ✅ Stable | Primary / secondary / ghost actions with size variants. | | Badge | ✅ Stable | Compact status and category labels. | | Skeleton | ✅ Stable | Loading placeholders that match content shape. | | Input | ✅ Stable | Text field with label, hint and error states. | | Select | ✅ Stable | Native-backed select with consistent styling. | | Tooltip | ✅ Stable | Accessible, positioned hover/focus hints. | | Toast | ✅ Stable | Queue-based notifications via ToastProvider/useToast. | | Modal | ✅ Stable | Dialog with focus trap and scroll locking. | | Combobox | ✅ Stable | Autocomplete select with full keyboard navigation. | | DataTable | ✅ Stable | Tabular data with column sorting and pagination. | | Checkbox | ✅ Stable | Tri-state checkbox with indeterminate support. | | Radio | ✅ Stable | Radio button for use within a RadioGroup. | | RadioGroup | ✅ Stable | Grouped radios with keyboard navigation. | | Switch | ✅ Stable | Animated on/off toggle. | | Textarea | ✅ Stable | Multi-line field with auto-resize and character counter. | | DateRangePicker | ✅ Stable | Range date picker with calendar and keyboard navigation. | | Tabs | ✅ Stable | Tabbed interface with fade animation and line/pill variants. | | Accordion | ✅ Stable | Expandable sections with slide animation. | | Breadcrumb | ✅ Stable | Hierarchical navigation trail with collapse support. | | Pagination | ✅ Stable | Page navigation with windowed page numbers. | | Spinner | ✅ Stable | Indeterminate loading indicator with size and color variants. | | Progress | ✅ Stable | Determinate progress bar and circular ring. | | Drawer | ✅ Stable | Sliding panel with left, right, top and bottom placements. | | Popover | ✅ Stable | Click-triggered floating panel with focus trap support. | | ThemeToggle | ✅ Stable | Light/dark/system theme toggle with localStorage persistence. | | NumberInput | ✅ Stable | Numeric field with decimal, currency, percent and unit formatting. | | FileUpload | ✅ Stable | Drag-and-drop file upload with previews and file list. | | ColorPicker | ✅ Stable | HSV color picker with spectrum, hue slider and hex input. |

License

Licensed under the MIT license.