selectize.js

---

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

---

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

---

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

---

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

---

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

select2 - Select2 is a jQuery based replacement for select boxes

---

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.

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

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

---

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

---

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

---

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

---

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

ng2-select - Angular2 based replacement for select boxes

---

Angular2 based replacement for select boxes

angular2 select selectify angularjs angular-component

json-mask - Tiny language and engine for selecting specific parts of a JS object, hiding the rest.

---

This is a tiny language and an engine for selecting specific parts of a JS object, hiding/masking the rest.The main difference between JSONPath / JSONSelect and this engine is that JSON Mask preserves the structure of the original input object. Instead of returning an array of selected sub-elements (e.g. [{a: 1}, {z: 1}] from example above), it filters-out the parts of the object that you don't need, keeping the structure unchanged: {p: {a: 1}, z: 1}.

mask filter select fields projection query json

ember-power-select - The extensible select component built for ember.

---

Ember Power Select is a select component written in Ember with a focus in flexibility and extensibility. It is designed to work well with the way we build Ember apps, so it plays nicely with promises, ember-concurrency's tasks, ember-data collections and follows idiomatic patterns.

ember select component ember-addon select2 selectize dropdown

jquery_chained - Chained Selects for jQuery and Zepto.

---

Chained is simple plugin for chained selects. It works with both jQuery and Zepto. You can choose from two different versions. Use jquery.chained.js if you do not want to make external queries for setting content of child selects. This version uses data attirbutes to decide the content. For more complex scenarios maintaining data attributes will get cumbersome. Also if you want to make queries against database use jquery.chained.remote.js instead. This version makes an external AJAX query and uses the returned JSON to build child selects.

zepto chained select jquery-plugin ecosystem:jquery

react-selectize

---

ReactSelectize is a stateless Select component for ReactJS, that provides a platform for the more developer friendly SimpleSelect & MultiSelect components. Both SimpleSelect & MultiSelect have been designed to work as drop in replacement for the built-in React.DOM.Select component.

react simpleselect multiselect react-component select selectize singleselect tags dropdown combobox

heyui - 🎉UI Toolkit for Web, Vue2.0 http://www.heyui.top

---

A UI components Library. visit heyui.top.

ui-components heyui vue ui table modal autocomplete webpack i18n form select validator vue2 vue-components button tree modals datepicker datetimepicker framework

multi-select

---

A user-friendlier drop-in replacement for the standard select with multiple attribute activated.

jquery-plugin multiselect select multiple form

md2 - Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Collapse, Colorpicker, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Tabs, Tags(Chips), Toast and Tooltip

---

Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Chips(Tags), Collapse, Colorpicker, Data Table, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Tabs, Tags(Chips), Toast and Tooltip.

material angular2 chip material-design color-picker accordion datepicker autocomplete angular component collapse colorpicker data-table dialog modal menu dropdown multiselect select tabs tags chips toast tooltip

react-dropdown - 🔽 A dead simple dropdown component for React

---

Just pass a disabled boolean value to the Dropdown to disable it. This will also give you a .Dropdown-disabled class on the element, so you can style it yourself.

react react-component component dropdown select

formbase - Better default styles for common input elements.

---

Better default styles for common input elements. formbase eliminates cross browser bugs, inconsistencies across systems and applies a beautiful default styling to several input elements.

form input css design select textarea checkbox radiobox text textbox radio control custom