CSS variables for default theme to help you get started. Robust design system editor is coming soon.

An accordion is a vertically stacked set of expandable panels, each containing an interactive header and an associated content area.

Used to trigger an action or event, such as submitting a form, displaying a dialog or sending a request.

Checkbox allows users to make a binary choice—either toggling a single option on or off or selecting multiple options from a list.

Checkbox wrapper component for use with Form validation.

An interactive component which expands/collapses a panel.

Type-safe form validation utilizing web fundamentals using Conform and Zod (or Valibot).

Component captures user text input and used to create interactive single-line controls for web-based forms.

Input wrapper component for use with Form validation.

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.

A control element used to allow users to make a single selection from a predefined set of mutually exclusive options.

Radio Group wrapper component for use with Form validation.

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 wrapper component for use with Form validation.

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 wrapper component for use with Form validation.

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 wrapper component for use with Form validation.

A hook to manage form validation.