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-selectionA library used to position poppers in web applications.A popper is an element on the screen which "pops out" from the natural flow of your application. Common examples of poppers are tooltips, popovers and drop-downs.
positioning-engine tooltip position dropdown popover positioningSemantic is a UI framework designed for theming.Semantic allows developers to build beautiful websites fast, with concise HTML, intuitive javascript, and simplified debugging, helping make front-end development a delightful experience. Semantic is responsively designed allowing your website to scale on multiple devices. Semantic is production ready and partnered with frameworks such as React, Angular, Meteor, and Ember, which means you can integrate it with any of these frameworks to organize your UI layer alongside your application logic.
ui ui-components flexbox css-framework dropdown button popup sidebar tooltip semanticOur favourite aquatic superhero returns from his sojourn across the galaxy infused with astonishing, hitherto unseen new powers. In his modern incarnation (wearing a rather spiffy cape) Superfish is dedicated to keeping dropdown/flyout menus accessible across browsers great and small, in addition to adding support for newer touch devices (running Android, iOS, Windows, etc). All this and a pretty face.Please use the existing Superfish documentation where you will find full explanations of the customisable features and plenty of examples to get you started.
menu dropdown responsive navigation jquery-plugin ecosystem:jquery jqueryChosen 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 uiModular 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 taggingWe had need of a combobox at work and after looking around at the available options I was not happy with any of them. The project had all it's styling based on Twitter's Bootstrap, so building on that made sense. You can install this plugin one of two ways.
bootstrap combobox dropdownThis 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 uiWelcome 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 typeaheadFirst, I would like to thank the author of the DOPDropDownMenu for their selfless dedication.
dopdropdownmenu menu dropdownLibrary 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 angular6Probably the most complete selecting solution for Vue.js 2.0, without jQuery. Example JSFiddle – Use this for issue reproduction.
vue dropdown select componentThis library is now deprecated. It's higly recommended to use Material Design Components instead. Instead of using the official material.css and material.js files from the MDL project, you should use the files we provide in /extra. The reason to that is because the official Layout component is not fully compatible with React. We made a patch and we re-exported everything so people can still use it. If you're worried about the changes we made, you can take a look at the patch note or read about the issue in this ticket.
react react-component mdl material-design badge button card checkbox data-table fab-button icon icon-button icon-toggle radio radio-group switch textfield progress progress-bar spinner slider tooltip menu dropdown layout drawer grid tabsBootstrap-style dropdowns with some added features and no dependencies.
dropdownAn iOS drop down menu with pretty animation. Just drap the files in folder IGLDropDownMenu to your project.
animation dropdown dropdownmenu ios customize pretty easy menuA spinner view for Android
material-design popup-window spinner dropdown android android-libraryThe 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 comboboxThe 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 replacementA community fork of the popular Semantic-UI framework. EDIT: Lots has changed since we started this project and we are now starting the development of FUI v3. You can read more about the > v3 proposals here.
ui ui-components flexbox css-framework dropdown button popup sidebar tooltip semantic fork fomantic fomantic-ui semantic-ui css3 frameworkSelect2 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
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.