24 repository-uri
UI components for dropdown selection.
Distinguishing note: Focuses on selection UI.
Explore 24 awesome GitHub repositories matching user interface & experience · Select Components. Refine with filters or upvote what's useful.
React este o bibliotecă JavaScript pentru construirea de interfețe utilizator bazată pe o arhitectură orientată pe componente și flux de date unidirecțional.
Displays lists of selectable choices within dropdown components.
This project is a community-maintained open source directory that serves as a comprehensive index of React components and libraries. It functions as a technical knowledge base, mapping common development challenges to vetted third-party solutions to help developers accelerate their frontend workflows and avoid reinventing standard interface elements. The directory distinguishes itself through a decentralized, hyperlink-centric architecture that avoids hosting code locally, instead pointing users directly to external repositories. This content is curated through a collaborative model where com
Lists select UI components.
Select2 is a searchable, modular UI framework designed to enhance standard HTML select elements. It transforms basic form controls into interactive, accessible dropdown interfaces that support multi-selection, tagging, and real-time filtering. By providing a robust set of tools for managing complex data inputs, it enables developers to create more responsive and user-friendly selection components. The project is distinguished by its adapter-based architecture, which allows for deep customization of rendering, data processing, and selection logic. Developers can extend core functionality throu
Transforms standard select elements into searchable, multi-select interfaces.
Chosen is a JavaScript library that transforms standard HTML select elements into searchable, user-friendly dropdown menus. It functions as a form input enhancement tool designed to improve the usability of long or complex selection lists. The library provides a multi-select interface that allows users to manage multiple options with selection limit controls and clear buttons. It also includes built-in support for right-to-left languages, adjusting the layout and text direction of the user interface components accordingly. The project covers a range of selection interface capabilities, inclu
Provides a dedicated clear button to reset the currently selected option in single-choice dropdowns.
Bootstrap-vue is a Vue.js component library and responsive UI kit based on the Bootstrap CSS framework. It provides a frontend component suite of reusable interface elements designed for building mobile-first websites and web applications. The project wraps Bootstrap CSS classes in Vue components to manage styles and behaviors through reactive state. It integrates a responsive layout management system that synchronizes internal component states with Bootstrap's grid system and device breakpoints. The library covers a wide range of interface capabilities, including data display with sortable
Ships select components for dropdown selection including grouped options and tree structures.
Casdoor is a centralized identity and access management platform that functions as an OAuth 2.0 authorization server. It provides a comprehensive suite of services for managing user identities, authentication sessions, and access policies across both web and machine-to-machine applications. Built with a decoupled frontend-backend architecture in Go, the platform supports high-concurrency environments and offers a web-based management interface for administrative tasks. The platform distinguishes itself through its extensive support for federated identity management, allowing integration with
Provides customizable select components for language switching with support for icon-based or standard dropdown layouts.
Android-PickerView is a custom view library for Android that provides a wheel-based scrolling interface for selecting dates, times, and custom data options. It functions as a selection component that can be used for specialized time and date picking or as a general wheel picker for custom data sets. The library features cascading selection capabilities, allowing for linked data selectors where choosing an option in one column filters the available choices in subsequent columns. It also supports cyclic scrolling to create a continuous loop and can encapsulate the selector within a modal dialog
Provides a hierarchical picker for organizing dependent data sets like provinces, cities, and districts.
React is a JavaScript library for building user interfaces through the composition of modular, self-contained components. It employs a declarative programming model where developers describe the desired visual state, and the library automatically manages the underlying document updates and state synchronization. By utilizing a virtual representation of the document, it calculates and applies minimal changes to the browser, ensuring efficient rendering even in complex applications. The library distinguishes itself through a sophisticated scheduling system that manages rendering work in increme
Constructs dropdown selection menus by nesting option elements and managing state.
Bootstrap Select is a jQuery plugin that replaces standard HTML select elements with a stylized interface. It functions as a custom dropdown menu that transforms native browser inputs into accessible form components. The project differentiates itself by providing real-time search filtering, multi-select data entry, and the ability to populate selection lists dynamically via remote JSON sources. To maintain browser performance when handling large datasets, it utilizes virtual rendering to display only the visible subset of options. The component includes accessibility support through ARIA att
Implements a stylized selection UI that transforms standard HTML dropdowns into polished, modern components.
This repository contains the HTML specification, which defines the core standards for web page structuring, content organization, and document rendering. It establishes the fundamental algorithms for state-machine-based tokenization, tree construction for the document object model, and origin-based security isolation. The specification provides a framework for defining custom elements with independent lifecycles and registries. It also details the requirements for cross-document communication, session history management, and the synchronization of interface properties with content attributes.
Displays single or multi-select interfaces as drop-down boxes or list boxes.
Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples behavioral logic and state management from the visual layer, allowing developers to implement complex UI patterns while maintaining total control over the final styling. The library implements WAI-ARIA design patterns to ensure all primitives support standard keyboard navigation and screen reader accessibility. It provides a suite of low-level building blocks that handle the internal mechanics of interface elements without bundling any CSS. The framework covers a broad range
Maps raw selection values to human-readable labels using data arrays, lookup maps, or custom functions.
Tabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from JSON or arrays. It functions as a hierarchical data viewer and a spreadsheet interface component, capable of rendering thousands of records efficiently through viewport-based virtualization and progressive loading. The library distinguishes itself by providing a full spreadsheet interface mode with multi-sheet management, cell range selection, and bulk copy-paste capabilities. It supports complex data architectures, including nested data field mapping, expandable tree structure
Removes values from all cells within an active selection using the backspace or delete keys.
vue-multiselect is a suite of selection components for Vue.js that provides a searchable dropdown interface for single or multiple selections. It functions as a select input and tagging component capable of handling datasets from local sources or remote APIs. The project is distinguished by its support for asynchronous selection, enabling the retrieval of options from a remote source based on real-time search queries. It also features a dynamic tagging interface that allows users to create new custom tags when a required value is missing from the existing list. The component covers a broad r
Ships a select component that fetches its option lists from external APIs on demand during search.
vue-multiselect is a selection component for Vue.js that provides a customizable dropdown input supporting single and multiple selection. It functions as a selection field that allows users to pick multiple options from a list simultaneously and as a tagging input for creating and adding custom labels to a collection. The component supports asynchronous data loading to fetch selection options from a remote API or data source on demand. It includes built-in search filtering to process queries against the options list and dynamically hide non-matching items. The project covers the development
Functions as a Vue.js input that fetches selection options from a remote API on demand.
This project is an administrative GIS toolset that provides a comprehensive dataset of China's administrative divisions, including provinces, cities, districts, and townships. It functions as a coordinate system transformer and a boundary converter for transforming geographic data into standard formats. The toolset distinguishes itself through the ability to convert administrative boundary data between CSV, GeoJSON, Shapefiles, and SQL. It includes specialized utilities for coordinate system transformation between GCJ-02, BD-09, WGS-84, and CGCS2000 standards to ensure accuracy across differe
Generates structured data to create multi-level linked selection menus for geographic administrative divisions.
Zag este o bibliotecă de mașini de stare UI headless care oferă logică de componente ne-stilizată pentru a asigura un comportament consistent pe diferite motoare de randare. Funcționează ca un toolkit pentru modelarea interacțiunilor complexe ale interfeței utilizator folosind statecharts, decuplând logica subiacentă și atributele de accesibilitate de stilizarea vizuală. Biblioteca este agnostică față de framework, utilizând adaptoare specializate pentru a face legătura între logica mașinii sale de stare și diverse biblioteci JavaScript precum React, Solid, Vue și Svelte. Această abordare permite dezvoltatorilor să mențină un singur model de interacțiune în timp ce aplică orice soluție CSS sau de stilizare prin atribute de date bazate pe stare. Zag acoperă o gamă largă de domenii funcționale, inclusiv gestionarea cuprinzătoare a accesibilității pentru navigarea prin tastatură și atributele ARIA, precum și o vastă colecție de primitive interactive. Acestea includ controale de input, elemente de navigare precum meniuri și tab-uri, componente de overlay precum dialoguri și popover-uri și gestionarea complexă a media pentru decuparea imaginilor și capturarea semnăturilor. Oferă, de asemenea, utilitare pentru gestionarea datelor ierarhice, gestionarea listelor asincrone și un sistem pentru construirea de tururi ghidate ale produsului.
Implements a hierarchical selection menu with linked dropdown levels and keyboard navigation.
Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by finite state machines. It provides unstyled components that encapsulate logic and accessibility — including full keyboard navigation, focus management, and WAI-ARIA support — while leaving visual styling entirely to the consumer. Components expose scoped data attributes for CSS targeting and use state machines to produce predictable, testable interactive behavior across every state transition. The library distinguishes itself through a state propagation model that distributes
Synchronizes custom select components with hidden native form elements for submission.
vue-select is a reusable UI component for Vue applications that serves as an accessible replacement for the standard HTML select element. It provides a filterable dropdown interface designed to handle single or multiple selections and tagging. The component supports asynchronous data fetching and remote data selection, allowing users to search and retrieve information from external servers. It also includes server-side rendering integration to improve initial page load speed and search engine visibility. The project covers a range of capabilities including real-time search filtering, custom
Ships a filterable dropdown component for single or multiple selections and tagging.
mdui is a framework-agnostic UI library and design system based on Material Design 3 standards. It provides a comprehensive set of reusable interface elements implemented as native Web Components, ensuring compatibility across different JavaScript frameworks. The library features a sophisticated theming system that supports light and dark modes, as well as the ability to generate dynamic color palettes from seed colors or image sources. It distinguishes itself with a high level of flexibility in visual customization, using CSS custom properties to control design tokens such as typography, cor
Provides dropdown select components that support single or multiple item selections.
Open-UI este un set de specificații standard pentru UI web și o bibliotecă de componente UI standardizate. Oferă definiții tehnice pentru componente UI universale, comportamente și cerințe de accesibilitate, concepute pentru a asigura compatibilitatea cross-browser printr-o serie de propuneri pentru limbajele web. Proiectul include un polyfill pentru accesibilitate web și polyfill-uri extensibile pentru controale, care oferă funcționalitate modernă de control UI în medii care nu au suport nativ în browser. Include o suită de compatibilitate pentru browsere pentru a verifica dacă componentele îndeplinesc cerințele definite de comportament și accesibilitate. Biblioteca acoperă o gamă largă de elemente de interfață, inclusiv combobox-uri căutabile, sisteme de meniuri interactive, input-uri de tip range cu mai multe mânere și meniuri de selecție personalizabile. Include, de asemenea, componente de layout și navigare precum acordeoane, modale, breadcrumbs și caruseluri. Sistemul utilizează asocierea declarativă a comportamentului și dispatching-ul de acțiuni bazat pe evenimente pentru a executa logica componentelor, expunând în același timp stările interne prin pseudo-elemente CSS pentru stilizarea vizuală.
Allows the structure of a selected option to be duplicated into a trigger element for flexible visual representations.