sagalbot/vue-select

Vue Select is a dropdown and search component for Vue.js applications. It was built to replace the plain HTML select element, which is notoriously hard to style and limited in what it can do. The project gives developers a ready-made component they can drop into any Vue project without installing any additional libraries. The component handles several things that the native browser select cannot do on its own. You can let users search or filter through a list of options as they type, select multiple items at once, add custom tags that weren't in the original list, and load options from a remote API. It also works with Vuex (a state management tool), supports server-side rendering, and meets basic accessibility standards so keyboard users can navigate it. The footprint is small: roughly 20 kilobytes total when split between JavaScript and CSS. The CSS is intentionally shipped separately so you can either use the default styles or override them with your own SCSS variables. The component itself exposes slots, which are customizable areas in the template, letting you change how individual options, the selected value, or the dropdown arrow look without rewriting the whole thing. Installing it is a standard package manager step. For Vue 3 projects you pull the beta release from npm or yarn, register the component globally or locally, and import the CSS file. The Vue 2 path follows the same pattern with the stable 3.x release. There is also a CDN option for projects that do not use a build step. The README is sparse on configuration details but links to a dedicated documentation site and CodePen templates for both Vue 2 and Vue 3 where you can try the component live before committing to it.