Displaying 1 to 20 from 57 results

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.

select2 - Select2 is a jQuery based replacement for select boxes

  •    Javascript

Select2 is a jQuery-based replacement for select boxes. It supports searching, remote data sets, and pagination of results.Select2 is automatically tested on the following browsers.




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.

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.

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).

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-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-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.

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).

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.

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

  •    Javascript

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

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.

input-prompt - ultra simple text auto-complete utility

  •    Vue

input-prompt does not do anything by default, but you can write rules to achieve something interesting, see usage below.When the prompt shows you can press → or tab to apply it to the real input element.

autocomplete-element - autocomplete for an `<input type="text">` element

  •    Javascript

Wire up autocomplete for an <input type="text"> element.Try this example.

npm-typeahead - A tiny web-app that exposes typeahead search functionality for packages on http://www

  •    Javascript

A lightweight web-app that implements typeahead search functionality for npm packages.npm-typeahead exposes client-side bindings, so that it can be used in other sites, e.g., npm-www.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.