Select

An animated Select dropdown component for SmoothUI wrapping Radix Select with smooth animations.

A trigger that reads as a field, and a list whose chosen row carries a lit left edge.

Select on radix-ui. Trigger follows the Input contract: 3 variants (outline, soft, ghost), 3 sizes (sm, md, lg), 3 tones (neutral, success, danger). Grouped items, labels, separators, scroll buttons, checkmark indicator; popper positioned with matching width.

Dropdown select with composable trigger, content, and item components.

An easily stylable avatar component.

Visually or semantically separates content.

Displays the path to the current resource using a hierarchy of links.

Displays a button or a component that looks like a button.

An input where the user selects a value from within a given range.

Displays a card with header, content, and footer.

An indicator that can be used to show a loading state.

A control that allows the user to toggle between checked and not checked.