10 Best Vue Search Component For Your Vue.js App

Vue Search is a component which enables a process of finding words, sentences, and numbers in the collection of documents, web pages or other sources.

It can be implemented with buttons or icons and placed as an input or in navbar for even better user experience.

1. Autocomplete

Accessible autocomplete component for vanilla JavaScript and Vue.

Features

Accessible, with full support for ARIA attributes and keyboard interactions. Based on the WAI-ARIA Authoring Practices.
Available as a JavaScript or Vue component, with React coming soon.
Core package available if you want to bring your own rendering layer.
Customizable. Easily bring your own CSS, or take full control of the component rendering.
Support for asynchronous data fetching.

Autocomplete

View Demo

Download Source

2. vue-search-filter

Vue search input with dropdown for more filters.

vue-search-filter

View Demo

Download Source

3. vue-itunes-album-search-bookmark

A web app (single page application) created with vue,vuex, bulma and buefy using free itunes search api. All bookmarks and settings data are save in localstorage.

vue-itunes-album-search-bookmark

View Demo

Download Source

4. vuex-search

Vuex Search is a plugin for searching collections of objects. Search algorithms powered by js-worker-search.

vuex-search

View Demo

Download Source

5. vue innersearch

InnerSearch : Vue.js components for ElasticSearch

An Open Source project created to help developers working with vue.js and Elastic, give them the possibility to create search UIs within the hour.

vue innersearch

View Demo

Download Source

6. Vue InstantSearch

Lightning-fast search for Vue.js apps

Vue InstantSearch

View Demo

Download Source

7. vue-fuse

A Vue.js pluggin for fuzzy search library, Fuse.js There are two ways to use this plugin. The vue-fuse component, or the $search method. Be sure to take a look at the documentation for both below.

vue-fuse