Description
Our take on shadcn/ui—rebuilt with precision and care.
- Maintains the same clean vibe and flat high-contrast look
- Rebuilt from scratch with high attention to detail
- Styled using Tailwind CSS v4
- Easily customizable with CVA for styling and variants
- All interactive components include animations powered by Motion
- Declarative, isomorphic form validation
Details
- Default Theme Tokens
CSS variables for default theme to help you get started. Robust design system editor is coming soon.
- Accordion
An accordion is a vertically stacked set of expandable panels, each containing an interactive header and an associated content area.
- Button
Used to trigger an action or event, such as submitting a form, displaying a dialog or sending a request.
- Checkbox
Checkbox allows users to make a binary choice—either toggling a single option on or off or selecting multiple options from a list.
- Checkbox Field
Checkbox wrapper component for use with Form validation.
- Collapsible
An interactive component which expands/collapses a panel.
- Form
Type-safe form validation utilizing web fundamentals using Conform and Zod (or Valibot).
- Input
Component captures user text input and used to create interactive single-line controls for web-based forms.
- Input Field
Input wrapper component for use with Form validation.
- Label
Label is a text element used to identify and describe input fields or other UI controls. It renders an accessible <label> element that provides a clear, semantic caption linked to a corresponding form control.
- Radio Group
A control element used to allow users to make a single selection from a predefined set of mutually exclusive options.
- Radio Group Field
Radio Group wrapper component for use with Form validation.
- Select
Select is a user interface control that lets users choose a single option from a dropdown list. Triggered by a button, it displays a list of options and collapses once an option is selected, showing the chosen value.
- Select Field
Select wrapper component for use with Form validation.
- Switch
Switch is a toggle control used to turn a single option on or off. Commonly used for binary settings—like enabling features or switching modes—it provides immediate, visible feedback to indicate the current state.
- Switch Field
Switch wrapper component for use with Form validation.
- Textarea
A multi-line plain-text user textarea, useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form.
- Textarea Field
Textarea wrapper component for use with Form validation.
- useForm
A hook to manage form validation.