How do I install the Vibe UI Select component?

You can install Select into your React or Next.js project using the Vibe UI CLI: run "npx vibe-ui-kit add select" in your terminal.

Does Vibe UI Select support Tailwind CSS v4?

Yes, Vibe UI natively supports both modern Tailwind CSS v4 (@theme directives) and Tailwind CSS v3 with zero configuration.

Is the Vibe UI Select component accessible?

Yes, Vibe UI primitives are built upon WAI-ARIA compliant Radix UI primitives with full keyboard navigation and screen reader support.

Select

Displays a collapsible list of options for user selection, supporting full keyboard access, search filtering, and custom themes.

Select

Displays a collapsible list of options for user selection, supporting full keyboard access, search filtering, and custom themes.

Preview

Installation

pnpm dlx vibe-ui-kit@latest add select

Preset Variations

Explore the visual design presets of the Select component, including Default, Glassmorphic, Retro Neobrutalist, Neon Glow, and Cyberpunk styling dropdowns.

Default style

Glassmorphic

Retro Neobrutalist

Neon Glow

Cyberpunk Monospace

Props

Select

Prop	Type	Default	Description
variant	'default' \| 'retro' \| 'glass' \| 'glow' \| 'cyberpunk'	'default'	The visual preset style variant of the select trigger button and dropdown content list.