Introduction
A comprehensive SolidJS component library inspired by Nuxt UI and shadcn.
Slot-based APIs with class and style overrides, designed for real product surfaces.
Visual variants, sizes, orientation, and state controls aligned across components.
Keyboard and aria-ready primitives built on top of mature SolidJS foundations.
Quick Start#
Install and start exploring component pages from the sidebar.
All Components#
Accordion
Stacked disclosure component with single or multiple expanded sections.
Avatar
Circular user or entity avatar with fallback initials and optional indicator.
AvatarGroup
Group of overlapping avatars with optional overflow count.
Badge
Compact label component with leading/trailing icon slots and variant styles.
Button
Button component with polymorphic `as` support and loading state.
ButtonGroup
Joins related buttons and provides shared size and visual variant defaults.
Card
Structured content container with optional header, body, footer, and action slots.
Collapsible
Expandable content section with optional height transitions.
Icon
Renders an icon from a UnoCSS icon class, JSX element, or render function.
Kbd
Keyboard keycap component with configurable size, variant, and accessible label.
KbdGroup
Group of keyboard shortcut keys with support for simultaneous chords and ordered sequences.
List
Headless polymorphic list with optional caller-controlled virtualization.
Progress
Determinate or indeterminate progress indicator with optional step labels.
Resizable
Resizable panel layout with draggable dividers and keyboard support.
Separator
Visual divider with configurable orientation, style, and optional label content.
Checkbox
Single checkbox control with card and list variants and custom true/false values.
CheckboxGroup
Multi-select checkbox group with card, list, and table layout variants.
FileUpload
Drag-and-drop file upload component with progress tracking and file list management.
Form
Styled Formisch form that provides its store to Moraine form fields.
FormField
Form field wrapper providing label, description, and validation message layout.
Input
Text input component with leading/trailing icon slots, loading state, and form field integration.
InputNumber
Numeric input with increment/decrement controls, step, and min/max constraints.
MultiSelect
Dropdown select component with search, multi-select, and custom item rendering.
RadioGroup
Single-select radio group with card, list, and table layout variants.
Select
Dropdown select component with search and custom item rendering.
Slider
Range slider component with single or multi-thumb support and step markers.
Switch
Toggle switch control with icon slots and loading state.
Textarea
Multi-line text input with autoresize support and form field integration.
Breadcrumb
Breadcrumb navigation trail with separator icons and optional wrapping.
CommandPalette
CommandPalette is a component for displaying a searchable list of commands or options, optionally grouped into categories. It supports keyboard navigation and customizable rendering through slots and styles.
Pagination
Page navigation component with configurable sibling count and edge display.
SidebarFrame
Sidebar + main frame with mobile Sheet support and desktop layout wrappers.
Stepper
Tab-structured step navigation with configurable orientation and separator layout.
Tabs
Tabbed navigation component with configurable orientation and variant styles.
ContextMenu
Menu triggered by right-click or long press on its child content.
Dialog
Modal dialog with header, body, and footer slots, backdrop overlay, and dismissal control.
DropdownMenu
Triggered action menu anchored to its child content.
Popover
Click-triggered floating content panel anchored to a trigger element.
Popup
Low-level overlay primitive providing portal, overlay backdrop, and content positioning.
Sheet
Slide-in panel overlay from any screen edge with header, body, and footer slots.
Tooltip
Hover-triggered informational overlay anchored to a trigger element.