10 Best Vue Search Component For Your Vue.js App

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.

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

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

View Demo

Download Source

8. v-autocomplete

Autocomplete component for Vue.js

This component is css-free. The idea is to be used with any framework.

v-autocomplete

View Demo

Download Source

9. Vue Instant!

vue instant allows you to easily create custom search controls with auto suggestions for your vue 2 applications.

Vue Instant!

View Demo

Download Source

10. Wikipedia Search with Vue.js

Wikipedia Search with Vue.js BY Jiing H Kueh

Wikipedia Search

View Demo

I hope you like them!

vue vue-search search-component vue-js

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

10 Best Vue Icon Component For Your Vue.js App

In this article, I will collect 10 Vue icon component to bring more interactivity, better UI design to your Vue application.

Collection of 10 Vue Markdown Component for Vue.js App in 2020

Markdown is a way to style text on the web. The 10 Vue markdown components below will give you a clear view.

Collection of 15 Vue Input Component for Your Vue.js App

Vue input component gives you a baseline to create your own custom inputs. It consists of a prepend/append slot, messages, and a default slot. In this article I will share 15 Vue input components to you.

Collection of 14 Vue Select Component for Vue.js App

Vue select component can handle multiple selections. It's enabled with the multiple property. Like with the single selection, you can pull out the new value by accessing event. target. value in the onChange callback.

10 Vue Navigation Component for Vue.js Application

Vue Navigation is the act of moving between screens of an app to complete tasks. It’s enabled through several means: dedicated navigation components, embedding navigation behavior into content, and platform affordances.