One of the most useful pieces of UI elements on the internet is a dropdown select box. This can be everything from a country selector to a product category selector to just about anything you can think of.
A well-designed dropdown select is a crucial part of an interface. In this short article, we are listing the 7 best and open source dropdown components for Vue.js that you can use to beautify and enhance the native select box in your next web application.
Originally published July 2022, updated Feb 03 2026
1. Universal Multiple Select Component
A universal multiple select, tagging/tokenizer component for Vue.js 2+ app.
Features:
- NO dependencies
- Single select
- Multiple select
- Tagging
- Dropdowns
- Filtering
- Search with suggestions
- Logic split into mixins
- Basic component and support for custom components
- V-model support
- Vuex support
- Async options support
- > 95% test coverage
- Fully configurable
3. Feature-rich Multiple Select Component For Vue 3
A configurable, feature-rich multiple select component for Vue.js 3.
Features:
- integrate Vueform Drag and Drop Form Builder into any application
- save forms in database as a JSON
- use your own form elements with custom configuration options
- a complete theming and templating system with Tailwind support
- 25+ form elements with multi-file uploads, date pickers and rich text editor
- element nesting and repeating
- 50+ validators with async, dependent and custom rules
- conditional logic on element & form level
- breaking forms into steps with form wizard
- translating form content and global i18n support.
3. Vue.js Select Box Replacement Component – vue-select
A native Vue.js component that provides similar functionality to Select2 without the overhead of jQuery.
Key Features:
- AJAX Support
- No JS Dependencies
- List Filtering/Searching
- Supports Vuex
- Select Single/Multiple Options
- Bootstrap Friendly Markup
4. Flexible & Modern Select Component For Vue 3
A simple, flexible, customizable, and modern single/multiple select component for Vue 3 applications.
Features:
- Data manipulation with
v-model - Typesafe relationship between
optionsandv-model - Great styling out-of-the-box, customization with CSS variables & Vue
:deep - Single & multi-select support
- Infinite customization with
<slot>s <Teleport />menu where you want- Extremely light, 0 dependencies (4.4kb gzip)
5. Accessible Select Dropdown Component For Vue.js
A custom, accessible, searchable select dropdown component that supports multiple selection.
6. vue3-treeselect
A multi-select component with nested options support for Vue 3.
Features
- Single & multiple select with nested options support
- Fuzzy matching
- Async searching
- Delayed loading (load data of deep level options only when needed)
- Keyboard support (navigate using Arrow Up & Arrow Down keys, select option using Enter key, etc.)
- Rich options & highly customizable
- Supports a wide range of browsers
- RTL support
7. vue3-select-option-searchable
Vue 3 select option to select an object from a list or an array.