# select

Components Live preview

Selectable pricing radio cards

Plan picker where whole cards are radio targets — checked card gets a gradient border, filled tick and glow.

HTMLCSSSimple

35600Open

UI Elements Live preview

Radio Card

Radio select styled as a card with ring highlight when chosen.

HTMLCSSSimple

HTMLCSSJavaScriptModerate

UI Elements Live preview

Select Dropdown

Custom dropdown select with chevron rotation and option list.

Custom Select with Checkmark

Styled dropdown select with option checkmark, scroll and keyboard open.

Radio Card Selector

Radio choices styled as cards with ring highlight and icons.

Radio Custom Set

Custom radio dots with animated selection ring and label groups.

Multi-Select Chips Dropdown

Multi-select dropdown with selected chips, backspace removal and search.

Segmented Toggle Control

Segmented single-select toggle with sliding thumb and equal widths.

Select with Preview Pane

Option select that updates a live preview pane beside it.

Country Select with Flag

Country dropdown with flag chips, code hints and searchable list.

Select with Grouped Optgroups

Grouped dropdown with optgroup headers and indented options.

Select with Custom Thumbnails

Avatar-style options with thumbnail, name and role in the dropdown.

Year Range Selector

Two linked selects for from/to years with swap guard.