66 best open source typeahead projects.

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

Displaying 1 to 20 from 66 results

ngx-bootstrap - Native Angular directives for Bootstrap

TypeScript

Native Angular Bootstrap Components

angular bootstrap components datepicker daterangepicker modals popover sortable carousel typeahead select widgets bootstap ng ng2 angular2 twitter-bootstrap angular-component

typeahead.js - typeahead.js is a fast and fully-featured autocomplete library

Javascript

fast and fully-featured autocomplete library

typeahead autocomplete

downshift - 🏎 Primitives to build simple, flexible, WAI-ARIA compliant enhanced input React components

Javascript

You need an autocomplete/dropdown/select experience in your application and you want it to be accessible. You also want it to be simple and flexible to account for your use cases.This is a component that controls user interactions and state for you so you can create autocomplete/dropdown/select/etc. components. It uses a render function as children which gives you maximum flexibility with a minimal API because you are responsible for the rendering of everything and you simply apply props to what you're rendering.

react autocomplete combobox autoselect enhanced-input autosuggest typeahead dropdown select omnibox accessibility wai-aria multiselect multiple-selection

Bootstrap-3-Typeahead - The Typeahead plugin from Twitter's Bootstrap 2 ready to use with Bootstrap 3 and Bootstrap 4

Javascript

For simple autocomplete use cases there seems to be nothing wrong with the dropped typeahead plugin. Here you will find the typeahead autocomplete plugin for Twitter's Bootstrap 2 ready to use with Twitter's Bootstrap 3. The original code is written by @mdo and @fat. With Twitter Bootstrap 3 the typeahead plugin had been dropped. @mdo says: "in favor of folks using Twitter's typeahead. Twitter's typeahead has more features than the old bootstrap-typeahead.js and less bugs." Twitter's typeahead don't work direct with Bootstrap 3. The DOM structure of the dropdown menu used by typeahead.js differs from the DOM structure of the Bootstrap dropdown menu. You'll need to load some additional CSS in order to get the typeahead.js dropdown menu to fit the default Bootstrap theme. Try extended Bootstrap LESS or if your are looking for a more extended version try: typeahead.js-bootstrap3.less.

typeahead autocomplete plugin bootstrap

ng-bootstrap - Angular powered Bootstrap

TypeScript

Welcome to the Angular version of the Angular UI Bootstrap library. This library is being built from scratch by the ui-bootstrap team. We are using TypeScript and targeting the Bootstrap 4 CSS framework. As with Bootstrap 4, this library is a work in progress. Please check out our list of issues to see all the things we are implementing. Feel free to make comments there.

angular ng-bootstrap bootstrap widgets alert accordion buttons carousel datepicker collapse dropdown modal pagination popover progress-bar rating tabs timepicker tooltip typeahead

ng-select - :star: Native angular 6+ select component

TypeScript

Library is under active development and may have API breaking changes for subsequent major versions after 1.0.0. To allow customization and theming, ng-select bundle includes only generic styles that are necessary for correct layout and positioning. To get full look of the control, include one of the themes in your application. If you're using the Angular CLI, you can add this to your styles.scss or include it in .angular-cli.json (Angular v5 and below) or angular.json (Angular v6 onwards).

angular ui-select angular-components autocomplete typeahead multiselect select dropdown angular2 angular4 angular5 angular6

react-input-enhancements - Set of enhancements for input control

Javascript

The intention of creating this library was to bring input component out of the dropdown/autocomplete/whatever code, so it could be easily replaced with your custom component, and also to split independent functionality into different components, which could be combined with each other (still not quite sure it was worth it, though). NB: these are not "high quality, ready for production components" - they are more of a concept (which is a fancy word for "they are still quite buggy"). Think twice before using it in production.

react input autosize autocomplete dropdown datepicker input-mask autosuggest typeahead reactjs mask combobox

Select2 - jQuery based replacement for select boxes

Javascript

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results. It can easily load items via AJAX and have them searchable, Ability to add new items on the fly, Easy support for loading more pages when the results are scrolled to the end, Enhancing native selects with a better multi-select interface and lot more.

select2 select autocomplete typeahead dropdown multiselect tag tagging jquery jquery-plugin

react-autosuggest - WAI-ARIA compliant React autosuggest component

Javascript

Check out the Homepage and the Codepen examples. Array of suggestions to display. The only requirement is that suggestions is an array. Items in this array can take an arbitrary shape.

react autosuggest autocomplete typeahead accessible auto-suggest auto-complete react-autosuggest react-autocomplete react-auto-suggest react-auto-complete react-component

autocomplete - 🔮 Fast and full-featured autocomplete library

TypeScript

The data that populates the autocomplete results are called sources. You can use whatever you want in your sources: a static set of searches terms, search results from an external source like an Algolia index, recent searches, and more. By configuring just those two required parameters (container and getSources) you can have an interactive autocomplete experience. The library creates an input and provides the interactivity and accessibility attributes, but you're in full control of the DOM elements to output.

search alfred autocomplete query select algolia spotlight modal typeahead dropdown accessible suggestion combobox

zsh-autocomplete - 🤖 Real-time type-ahead completion for Zsh

Shell

zsh-autocomplete adds real-time type-ahead autocompletion to Zsh. Find as you type, then press Tab to insert the top completion, ShiftTab to insert the bottom one, or ↓/PgDn to select another completion. Besides live autocompletion, zsh-autocomplete comes with many other useful completion features.

zsh autocomplete autocompletion asynchronous completion typeahead typeahead-completions zsh-plugin zsh-plugins zsh-completion non-blocking zsh-autocomplete

uiv - Bootstrap 3 components implemented by Vue 2.

Javascript

If this project has helped you out, please support it with a star 🌟. uiv is a Bootstrap 3 component lib implemented by Vue 2.

bootstrap vuejs ui web vue vuejs2 vue2 component-library ui-components bootstrap3 vue-bootstrap bootstrap-3 bootstrap-for-vue ssr components directives webcomponents vue-strap vuestrap css affix messagebox notification scrollspy alert button button-group breadcrumbs carousel slider collapse dropdown nav modal navbar pagination popover progress tab tooltip typeahead auto-complete multi-select

react-typeahead - Pure react-based typeahead and typeahead-tokenizer

Javascript

react-typeahead is a javascript library that provides a react-based typeahead, or autocomplete text entry, as well as a "typeahead tokenizer", a typeahead that allows you to select multiple results. Basic typeahead input and results list.

react typeahead tokenizer autocomplete react-component

autocomplete.js - :crystal_ball: Fast and full-featured autocomplete library

Javascript

This JavaScript library adds a fast and fully-featured auto-completion menu to your search box displaying results "as you type". It can easily be combined with Algolia's realtime search engine. The library is available as a jQuery plugin, an Angular.js directive or a standalone library. The autocomplete.js library must be included after jQuery, Zepto or Angular.js (with jQuery).

autocomplete dropdown suggestion typeahead algolia algolia-search

bootstrap-tags - Bootstrap-themed jquery tag interface

CoffeeScript

Bootstrap Tags is a jQuery plugin meant to extend Twitter Bootstrap to include tagging functionality. It supports Bootstrap 2.3.2 and ≥ 3.0. If you find this project useful and are interested in contributing or taking over, please add yourself to https://github.com/maxwells/bootstrap-tags/issues/70.

unmaintained bootstrap bootstrap3 tagging tags typeahead autocomplete

vue-typeahead - :mag: Typeahead component for Vue.js

Javascript

See a live demo here. Available through npm as vue-typeahead.

typeahead vue

reactjs-tmdb-app - Responsive React 'The Movie Database' (TMDb) App

Javascript

TMDb Movie Search is a responsive React app that utilises Twitter's typeahead.js and Bloodhound suggestion engine, loading data via The Movie Database (TMDb) API. node.js is required to get npm.

reactjs typeahead bootstrap bloodhound babel movie-database tmdb tmdb-movie-search es6 browserify api react-app react bloodhoundjs

uiv - Bootstrap 3 components implemented by Vue 2.

Javascript

uiv is a Bootstrap 3 component lib implemented by Vue 2. To check out live examples and docs, visit https://uiv.wxsm.space.

vue bootstrap vuejs vuejs2 vue2 bootstrap3 ui ui-components web component-library vue-bootstrap bootstrap-3 bootstrap-for-vue ssr components directives webcomponents vue-strap vuestrap css affix messagebox notification scrollspy alert button button-group breadcrumbs carousel slider collapse dropdown nav modal navbar pagination popover progress tab tooltip typeahead auto-complete multi-select

react-bootstrap-typeahead - React typeahead with Bootstrap styling

Javascript

A React-based typeahead that relies on Bootstrap for styling and was originally inspired by Twitter's typeahead.js. It supports both single- and multi-selection and is compliant with WAI-ARIA authoring practices. Try the live examples. Please note that documentation and examples apply to the most recent release and may no longer be applicable if you're using an outdated version.