manfromexistence/ui

Select Varients

A growing collection of 51 select components built with Next.js and TailwindCSS.

Browse Varients Documentation

Simple select (native)

Select with placeholder (native)

Select with icon (native)

Select with helper text (native)

Tell us what's your favorite Select framework

Select with colored border (native)

Select with error (native)

Selected option is invalid

Select with gray background (native)

Disabled select (native)

Required select (native) *

Select with auto-width (native)

Select with option groups (native)

Timezone select (native)

Select with overlapping label (native)

Select with inset label (native)

Simple select with default value

Select with placeholder

Select with icon

Select with helper text

Tell us what's your favorite Select framework

Select with colored border and ring

Select with error

Selected option is invalid

Select with gray background

Disabled select

Required select *

Select with auto-width

Select with options groups

Select with separator

Select with disabled options

Select with overlapping label

Select with inset label

Timezone select

Select with right indicator

Status select

Select with left text

Options with icon

Options with icon and right indicator

Select with description and right indicator

Options with flag

Options with avatar

Options with placeholder avatar

Options with portrait

Select with search

Select with search and button

Timezone select with search

Options with flag and search

Options with icon and number

Multiselect

Select frameworks

Next.js

SvelteKit

Inspired by shadcn/ui expansions

Multiselect with placeholder and clear

Select frameworks

Inspired by shadcn/ui expansions

Multiple select (native)

Listbox with single option

Built with React Aria

Listbox with multiple options

Built with React Aria

Listbox with option groups

Built with React Aria