51 components

Select

Redrawn from the Origin UI catalogue on Ndeko UI primitives. Open the code of any of them to copy it or the command that installs it.

Native select

select-01

Native select with placeholder

select-02

Native select with icon

select-03

Native select with hint

select-04

We set up the starter project with this framework.

Native select with brand outline

select-05

Native select with error

select-06

Gatsby is not available on the free plan. Pick another framework.

Filled native select

select-07

Disabled native select

select-08

Required native select

select-09

Auto-width native select

select-10

Native select with groups

select-11

Native time zone select

select-12

Native select with floating label

select-13

Native select with inset label

select-14

Select

select-15

Select with placeholder

select-16

Select with icon

select-17

Select with hint

select-18

We set up the starter project with this framework.

Select with brand outline

select-19

Select with error

select-20

Gatsby is not available on the free plan. Pick another framework.

Filled select

select-21

Disabled select

select-22

Required select

select-23

Auto-width select

select-24

Select with groups

select-25

Select with separator

select-26

Select with disabled options

select-27

Select with floating label

select-28

Select with inset label

select-29

Time zone select

select-30

Select with end mark

select-31

Status select

select-32

Select with prefix

select-33

Select with icons

select-34

Select with icons and end mark

select-35

Select with descriptions

select-36

Country select

select-37

Select with avatars

select-38

Select with initials

select-39

Select with portraits

select-40

Searchable select

select-41

Organization switcher

select-42

Searchable time zone select

select-43

Searchable country select

select-44

Searchable select with counts

select-45

Multiselect

select-46

Multiselect with clear

select-47

Native multiple select

select-48

Listbox

select-49

React
Vue
Angular
Svelte

Multiple listbox

select-50

React
Vue
Angular
Svelte

Listbox with groups

select-51

Lettuce
Tomato
Onion
Ham
Tuna
Tofu
Mayonnaise
Mustard
Ranch