Select Components

Browse custom community-made Select components.

@ncdai

Wheel Picker

An iOS-style wheel picker component featuring smooth inertia-based scrolling, infinite loop support, and customizable highlight states for intuitive selection.

component

@lumiui

T3 Model Selector

A multi-tabbed popover model selector featuring vertical navigation, real-time search filtering, and rich hover preview cards for categorized AI model selection.

component

@lumiui

Select

A headless-based select component featuring a customizable trigger, portal-based popup positioning, and support for placeholder text, built with Base UI and Lucide icons.

@limeplay

Playback Rate Demo

A media playback rate selector component featuring a transparent trigger and a glassmorphism-styled dropdown menu for adjusting video or audio speed.

example

@limeplay

Playback Rate

A playback rate selector component that integrates with a media state store to provide a dropdown menu for adjusting video or audio playback speeds with customizable suffixes.

@kokonutui

Team Selector

An interactive team size selector featuring an animated avatar stack with overlap, smooth spring-based entry animations, and a vibration feedback effect when reaching boundary limits.

component

@kanpeki

Select With Label Demo

A accessible select component featuring a labeled trigger and a popover-based listbox for selecting items, including support for disabled options.

example

@kanpeki

Select Scrollable Demo

A scrollable select component featuring grouped list items organized by region, utilizing a popover-based trigger for efficient selection from a large list of options.

example

@kanpeki

Select Infinite Scroll Demo

A searchable select component featuring infinite scrolling integration with TanStack Query, a loading spinner for asynchronous data fetching, and a listbox layout built with React Aria Components.

example

@kanpeki

Select Demo

A customizable select component featuring a trigger button and a popover-based listbox with support for labeled items, disabled states, and placeholder text.

example

@kanpeki

List Box Demo

A accessible list box component for single-selection of items from a data array, featuring a clean, semantic structure for managing list-based user choices.

example

@kanpeki

React Hook Form Select Demo

A form-integrated select component built with React Hook Form and Zod validation, featuring a popover-based listbox, field labels, error handling, and submission state management.

example

@kanpeki

React Aria Form Select Demo

A form-integrated select component built with React Aria, featuring a trigger button, popover-based listbox for option selection, field validation, and descriptive text support.

example

@kanpeki

Tanstack Form Select Demo

A TanStack Form integrated select component featuring validation, error handling, and a popover-based listbox for selecting countries with a submit and reset action.

example

@kanpeki

Field Select Demo

A form-integrated select component featuring a labeled input trigger, a popover-based listbox for option selection, and built-in field description support.

example

@kanpeki

Select

A highly accessible, customizable select component built with React Aria, featuring keyboard navigation, robust state management, and flexible styling options for complex form inputs.

@kanpeki

List Box

A highly accessible and customizable list box component built with React Aria, featuring keyboard navigation, selection states, and support for complex item rendering.

@joyco

Select

A customizable Radix UI-based select component featuring a trigger with custom caret icons, support for multiple sizes, and animated dropdown content with accessible keyboard navigation and state management.

@jolyui

File Tree Selectable Demo

A hierarchical file system navigation component that allows users to select individual files or folders from a nested tree structure with visual feedback on the active selection.

example

@jolyui

Animated Table Select Demo

A data table component featuring row selection capabilities, animated transitions, sortable columns, and custom status badges for managing user records.

example

Select an Item to view its code

Choose an item from the list to view its code and files.