Select Components

A custom select dropdown component featuring integrated user avatars within each list item, providing a visual way to display and select user profiles from a categorized list.

A custom select component featuring a trigger button with integrated status labels and a dropdown menu containing selectable items styled with decorative badges for visual status indication.

A customizable select dropdown component featuring color-coded status indicators within each list item for improved visual clarity and selection context.

A customizable dropdown select component featuring grouped options, section labels, and a separator, built with Radix UI primitives for accessible form input selection.

A customizable dropdown selection menu featuring grouped options, a trigger button with placeholder support, and a clean, accessible interface built with Radix UI primitives.

A neubrutalism-styled select component featuring a thick-bordered trigger with a hard-shadow effect, interactive focus states, and Radix UI primitives for accessible dropdown option selection.

An iOS-style 3D drum picker component featuring native momentum scrolling, snap-to-notch physics, keyboard support, and optional haptic-like tick sounds for precise selection.

A fluid, motion-driven select component where the trigger seamlessly morphs into the dropdown panel using shared layout animations, creating a continuous, unified surface interaction.

A motion-enhanced select component featuring a detached dropdown panel with staggered item animations, spring-based transitions, and automatic position-aware placement using Framer Motion.

A accessible, collapsible dropdown menu built with React Aria Components that allows users to select a single option from a list with smooth animations and keyboard navigation support.

A customizable dropdown selection component featuring a trigger button, placeholder support, and a portal-based popup menu built with Base UI and Lucide icons.

A customizable Radix UI-based select component featuring variant and size options, including support for scrollable content, custom trigger styling, and integrated Lucide icons for a polished dropdown experience.

A searchable model selection dropdown built with Radix UI and Command, featuring support for custom model options, reasoning effort levels, and keyboard-navigable filtering.

A customizable, accessible select component built with Radix UI, featuring a modern rounded-xl trigger with hover-state transitions, shadow-md styling, and animated dropdown content.

An AI-powered voice selection component featuring a modal dialog interface, integrated command palette for searching, and support for controllable state management.

A searchable AI model selector component built with a dialog-based command interface, featuring keyboard-navigable items, grouping, and custom filtering capabilities.

A searchable microphone input selector component that uses a popover and command menu to list and select available browser audio devices with permission handling.

A media track control component for LiveKit that combines a toggle button with a device selection dropdown, featuring dynamic styling based on track state and support for audio/video input devices.

A customizable radio-group based label selector featuring multiple variants, sizes, and rounded styles for selecting options like sizes or categories with accessible keyboard navigation and visual state feedback.

A circular color swatch selector built with Radix UI Radio Group, featuring an inset shadow effect, animated selection indicator, and a pill-shaped container for intuitive color picking.