24 repositorios
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 es una biblioteca de JavaScript para crear interfaces de usuario basadas en una arquitectura orientada a componentes y un flujo de datos unidireccional.
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 es una librería de máquina de estados de UI headless que proporciona lógica de componentes sin estilo para asegurar un comportamiento consistente en diferentes motores de renderizado. Funciona como un kit de herramientas para modelar interacciones complejas de interfaz de usuario usando statecharts, desacoplando la lógica subyacente y los atributos de accesibilidad del estilo visual. La librería es agnóstica al framework, utilizando adaptadores especializados para conectar su lógica de máquina de estados con varias librerías de JavaScript como React, Solid, Vue y Svelte. Este enfoque permite a los desarrolladores mantener un modelo de interacción único mientras aplican cualquier solución CSS o de estilo a través de atributos de datos dirigidos por estado. Zag cubre una amplia gama de áreas funcionales, incluyendo gestión integral de accesibilidad para navegación por teclado y atributos ARIA, así como una vasta colección de primitivas interactivas. Estas incluyen controles de entrada, elementos de navegación como menús y pestañas, componentes de superposición como diálogos y popovers, y manejo complejo de medios para recorte de imágenes y captura de firmas. También proporciona utilidades para la gestión de datos jerárquicos, manejo de listas asíncronas y un sistema para construir tours guiados de productos.
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 es un componente de UI reutilizable para aplicaciones Vue que sirve como reemplazo accesible para el elemento select estándar de HTML. Proporciona una interfaz desplegable filtrable diseñada para manejar selecciones simples o múltiples y etiquetado. El componente admite la obtención de datos de forma asíncrona y la selección de datos remotos, permitiendo a los usuarios buscar y recuperar información de servidores externos. También incluye integración con renderizado del lado del servidor (SSR) para mejorar la velocidad de carga inicial y la visibilidad en motores de búsqueda. El proyecto cubre una variedad de capacidades, incluyendo filtrado de búsqueda en tiempo real, desarrollo de entradas de formulario personalizadas y personalización de componentes basada en slots para anular la lógica de renderizado predeterminada.
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 is a set of web UI standard specifications and a standardized UI component library. It provides technical definitions for universal UI components, behaviors, and accessibility requirements designed to ensure cross-browser compatibility through a series of web language proposals. The project features a web accessibility polyfill and extensible control polyfills that provide modern UI control functionality in environments lacking native browser support. It includes a browser compatibility suite to verify that components meet defined behavioral and accessibility requirements. The librar
Allows the structure of a selected option to be duplicated into a trigger element for flexible visual representations.