Small pieces.
Bigger possibilities.

Accordion with Crafter styling. Explore the live example and use the source in your project.

Alert with Crafter styling. Explore the live example and use the source in your project.

Alert Dialog with Crafter styling. Explore the live example and use the source in your project.

Aspect Ratio with Crafter styling. Explore the live example and use the source in your project.

Attachment with Crafter styling. Explore the live example and use the source in your project.

Avatar with Crafter styling. Explore the live example and use the source in your project.

Compact labels for status, metadata, and categories.

Breadcrumb with Crafter styling. Explore the live example and use the source in your project.

Bubble with Crafter styling. Explore the live example and use the source in your project.

The base action primitive, with variants, sizes, and keyboard interaction.

Button Group with Crafter styling. Explore the live example and use the source in your project.

Calendar with Crafter styling. Explore the live example and use the source in your project.

A composable surface with explicit header, content, and footer slots.

Carousel with Crafter styling. Explore the live example and use the source in your project.

Chart with Crafter styling. Explore the live example and use the source in your project.

Checkbox with Crafter styling. Explore the live example and use the source in your project.

Collapsible with Crafter styling. Explore the live example and use the source in your project.

Combobox with Crafter styling. Explore the live example and use the source in your project.

Command with Crafter styling. Explore the live example and use the source in your project.

Context Menu with Crafter styling. Explore the live example and use the source in your project.

Data Table with Crafter styling. Explore the live example and use the source in your project.

Date Picker with Crafter styling. Explore the live example and use the source in your project.

A focused overlay with keyboard dismissal and focus restoration.

Direction with Crafter styling. Explore the live example and use the source in your project.

Drawer with Crafter styling. Explore the live example and use the source in your project.

Dropdown Menu with Crafter styling. Explore the live example and use the source in your project.

Empty with Crafter styling. Explore the live example and use the source in your project.

Field with Crafter styling. Explore the live example and use the source in your project.

Hover Card with Crafter styling. Explore the live example and use the source in your project.

A native input styled with the shared theme. Pair it with a visible label.

Input Group with Crafter styling. Explore the live example and use the source in your project.

Input OTP with Crafter styling. Explore the live example and use the source in your project.

Item with Crafter styling. Explore the live example and use the source in your project.

Kbd with Crafter styling. Explore the live example and use the source in your project.

Label with Crafter styling. Explore the live example and use the source in your project.

Marker with Crafter styling. Explore the live example and use the source in your project.

Menubar with Crafter styling. Explore the live example and use the source in your project.

Message with Crafter styling. Explore the live example and use the source in your project.

Message Scroller with Crafter styling. Explore the live example and use the source in your project.

Native Select with Crafter styling. Explore the live example and use the source in your project.

Navigation Menu with Crafter styling. Explore the live example and use the source in your project.

Pagination with Crafter styling. Explore the live example and use the source in your project.

Popover with Crafter styling. Explore the live example and use the source in your project.

Progress with Crafter styling. Explore the live example and use the source in your project.

Questionnaire with Crafter styling. Explore the live example and use the source in your project.

Radio Group with Crafter styling. Explore the live example and use the source in your project.

Resizable with Crafter styling. Explore the live example and use the source in your project.

Scroll Area with Crafter styling. Explore the live example and use the source in your project.

Select with Crafter styling. Explore the live example and use the source in your project.

A quiet visual boundary between related sections.

Sheet with Crafter styling. Explore the live example and use the source in your project.

Sidebar with Crafter styling. Explore the live example and use the source in your project.

Skeleton with Crafter styling. Explore the live example and use the source in your project.

Slider with Crafter styling. Explore the live example and use the source in your project.

An accessible loading indicator for an action in progress.

Switch with Crafter styling. Explore the live example and use the source in your project.

Table with Crafter styling. Explore the live example and use the source in your project.

Tabs with Crafter styling. Explore the live example and use the source in your project.

Textarea with Crafter styling. Explore the live example and use the source in your project.

Toast with Crafter styling. Explore the live example and use the source in your project.

Toggle with Crafter styling. Explore the live example and use the source in your project.

Toggle Group with Crafter styling. Explore the live example and use the source in your project.

Tooltip with Crafter styling. Explore the live example and use the source in your project.

Typography with Crafter styling. Explore the live example and use the source in your project.

Pending state, disabled behavior, and a clear progress label.

Compact presence with a readable status label.

A readable keyboard command with consistent keycaps.

Clipboard feedback that only succeeds when the copy does.

A label, description, and accessible validation in one place.

Consistent page hierarchy with room for an action.

A controlled search input with an accessible clear action.

Identity, contact and role in one compact row.

Explain what is missing and give people a next step.

A complete settings surface with validation and async save feedback.

Project status, progress and a clear next action.

Notification controls with async save and error feedback.