Select

51 beautifully crafted components available.

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

Next Category: Slider

Quick Tips

Easy Implementation

Copy and paste these components directly into your project. All styles are handled via Tailwind CSS.

Notice

Use cli installation to avoid missing dependency , instead of doing just copy paste.

Woilasoft Agency

Woilasoft, your partner for custom digital solutions. We create the digital solutions

Learn more

Templify

Create dynamic images programmatically, the canvas editor for automated design workflows.

Get started

Eventree

An easy to use event management application for managing your events , start use it now !

Get started now

Categories

Select

Easy Implementation

Notice

Woilasoft Agency

Templify

Eventree

Command Palette