The library

From a single control to a complete page: explore working examples, inspect the code, and compose your starting point.

30 items

Components

25 items

Accordion

Related sections with native expansion and consistent spacing.

Badges

Readable status labels.

Buttons

Primary and secondary actions.

Cards

A themed surface with consistent spacing.

Checkbox

Independent choices with clear labels and native behavior.

Color Picker

A color swatch and hex value in one clear field.

Date Picker

Choose a date with a clear calendar or familiar native input.

Dialog

Focused overlays for information, decisions, and forms.

Disclosure

Expandable content using native details.

Empty

A clear starting point when there is no content to show.

Example

A reusable live preview with collapsible source code.

Input

Native text entry with clear labels and useful states.

Links

Recognizable navigation with native browser behavior.

Password

Private text entry with an accessible visibility control.

Progress

Compact, labeled bars with native meters.

Radio

One choice from a clear, related group.

Select

Animated choices with optional search and native form support.

Slider

Adjust a value within a defined range.

Spinner

A quiet indicator for work in progress.

Switch

Clear on/off settings with native keyboard behavior.

Tables

A responsive semantic data table.

Tabs

Switch between related views without leaving the page.

Textarea

Room for longer thoughts, with native editing and clear guidance.

Toast

Brief feedback that keeps people in their flow.

Tooltips

Small, contextual hints on hover, focus, or touch.

Blocks

3 items

Templates

2 items