Dropdown Components
Sleek dropdown and select components with neon effects, search functionality, and multi-select capabilities. Copy and paste into your project.
Neon Dropdowns
Electric dropdown selects with glowing neon effects in multiple vibrant colors
Advanced Dropdowns
Feature-rich dropdowns with icons, descriptions, search, and multi-select capabilities
Basic Dropdowns
Standard dropdown variants for everyday use with clean styling
Status & Loading States
Dropdown states for error handling, success feedback, and loading indicators
Please select a valid option
Great choice!
Loading options...
This dropdown is disabled
Dropdown Sizes
Different sizes to fit various design contexts and layouts
Installation
Install required dependencies:
npm install framer-motion clsx tailwind-merge lucide-reactImport the component: import { Dropdown } from "@/components/dropdown"
If you use icons, also install and import them: import { User } from "lucide-react"
Ensure the cn utility exists. See complete installation guide.