208 best open source select 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 208 results

selectize.js

JQuery

Selectize is the hybrid of a textbox and <select> box. It's jQuery based and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.

jquery-plugin select ui form input control autocomplete tagging tag

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

react-select - A Select control built with and for React JS

Javascript

A Select control built with and for ReactJS

combobox form input multiselect react react-component select ui

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

selectize

Javascript

Selectize is an extensible jQuery-based custom <select> UI control. It's useful for tagging, contact lists, country selectors, and so on. It clocks in at around ~7kb (gzipped). The goal is to provide a solid & usable experience with a clean and powerful API.All pre-built files needed to use Selectize can be found in the "dist" folder.

tagging input select ui form control autocomplete tag jquery jquery-plugin

chosen - Chosen is a library for making long, unwieldy select boxes more friendly.

HTML

Chosen is a library for making long, unwieldy select boxes more user friendly. Chosen is available through Bower and npm, however, the package names are not the same.

select multiselect dropdown form input ui

selectivity - Modular and light-weight selection library

Javascript

Modular and light-weight selection library. Warning: Do you use Browserify or Webpack? Please use NPM as described below.

react jquery-plugin select component ui form dropdown ecosystem:jquery ecosystem:react input multiselect react-component selectivity submenu tag tagging

vue-select - A Vue

Javascript

A native Vue.js select component that provides similar functionality to Select2 without the overhead of jQuery. Install the package. You should install vue-select@1.3.3 for use with vue ~1.0.

vue-component vue-select vue select selector selecting

angular-chosen - AngularJS Chosen directive is an AngularJS Directive that brings the Chosen jQuery in a AngularJS way

Javascript

This directive brings the Chosen jQuery plugin into AngularJS with ngModel and ngOptions integration. To use, include localytics.directives as a dependency in your Angular module. You can now use the chosen directive as an attribute on any select element. Angular version 1.3+ is required, but recomended 1.4.9+.

chosen select multiple angularjs-directives angularjs angular-chosen dropdown multiselect form input ui

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

vue-multiselect - Universal select/multiselect/tagging component for Vue.js

Javascript

Probably the most complete selecting solution for Vue.js 2.0, without jQuery. Example JSFiddle – Use this for issue reproduction.

vue dropdown select component

multi.js - A user-friendly replacement for select boxes with multiple attribute enabled

Javascript

multi.js is a user-friendly replacement for select boxes with the multiple attribute. It has no dependencies, is mobile-friendly, and provides search functionality. multi.js is also easy to style with CSS and optionally supports jQuery. Check out the demo.

user-friendly select multiple simple

DropKick - A JavaScript plugin for creating beautiful, accessible, and painless custom dropdowns.

Javascript

See Dropkickjs.com for full docs. Cross browser testing is provided by BrowserStack! They have generously provided automated testing for us.

dropkick select dropkickjs select-replacement select2

react-native-modal-dropdown - A react-native dropdown/picker/selector component for both Android & iOS

Javascript

A react-native dropdown/picker/selector component for both Android & iOS. You can find them in the example.

react react-native react-native-component modal dropdown picker select selector option react-component ios android

teaset - A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control

Javascript

A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control. Tips: In the Android system, the animations is not smooth, switch to the release mode can be resolved.

react-native framework library overlay menu toast carousel projector checkbox select badge popover navigationbar listrow tabview segmented ui wheel teaset react native

bootstrap-select - :rocket: The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more

Javascript

The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support. You can view a live demo and some examples of how to use the various options here.

bootstrap dropdown select ui form replacement

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

bootstrap-vue - BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue

Javascript

With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4.5 component and grid system available for Vue.js v2.6, complete with extensive and automated WAI-ARIA accessibility markup. Support this project by becoming a sponsor.

bootstrap components vue accessibility icons a11y nuxt accessible wai-aria component-library nuxtjs bootstrapvue bootstrap-v4 bootstrap-for-vue vue.js vue-v2 ssr web directives bootstrap-icons aria popper.js css scss alert avatar badge breadcrumb button calendar card carousel checkbox collapse date-picker datepicker dropdown dropzone form input jumbotron list modal nav navbar option overlay pagination popover progress radio select sidebar skeleton slider spinner tab table tag tags time-picker timepicker toast tooltip

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.