awesome-repositories.com
Blog
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektÜber unsRanking-MethodikPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

24 Repos

Awesome GitHub RepositoriesSelect Components

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.

Awesome Select Components GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • facebook/reactAvatar von facebook

    facebook/react

    245,669Auf GitHub ansehen↗

    React ist eine JavaScript-Bibliothek für den Aufbau von Benutzeroberflächen, basierend auf einer komponentenorientierten Architektur und unidirektionalem Datenfluss.

    Displays lists of selectable choices within dropdown components.

    JavaScriptjavascriptuifrontend
    Auf GitHub ansehen↗245,669
  • brillout/awesome-react-componentsAvatar von brillout

    brillout/awesome-react-components

    47,788Auf GitHub ansehen↗

    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.

    awesomeawesome-listreact
    Auf GitHub ansehen↗47,788
  • select2/select2Avatar von select2

    select2/select2

    25,972Auf GitHub ansehen↗

    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.

    JavaScripthacktoberfestjavascriptjquery
    Auf GitHub ansehen↗25,972
  • harvesthq/chosenAvatar von harvesthq

    harvesthq/chosen

    21,980Auf GitHub ansehen↗

    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.

    HTMLdeprecatednot-maintained
    Auf GitHub ansehen↗21,980
  • bootstrap-vue/bootstrap-vueAvatar von bootstrap-vue

    bootstrap-vue/bootstrap-vue

    14,450Auf GitHub ansehen↗

    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.

    JavaScripta11yaccessibilityaccessible
    Auf GitHub ansehen↗14,450
  • casdoor/casdoorAvatar von casdoor

    casdoor/casdoor

    13,814Auf GitHub ansehen↗

    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.

    Goai-gatewayauthauthentication
    Auf GitHub ansehen↗13,814
  • bigkoo/android-pickerviewAvatar von Bigkoo

    Bigkoo/Android-PickerView

    13,445Auf GitHub ansehen↗

    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.

    Javaandroid-pickerviewdatepickeroptionspicker
    Auf GitHub ansehen↗13,445
  • reactjs/react.devAvatar von reactjs

    reactjs/react.dev

    11,765Auf GitHub ansehen↗

    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.

    JavaScriptdocumentationjavascriptreact
    Auf GitHub ansehen↗11,765
  • snapappointments/bootstrap-selectAvatar von snapappointments

    snapappointments/bootstrap-select

    9,826Auf GitHub ansehen↗

    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.

    JavaScriptbootstrapdropdownjavascript
    Auf GitHub ansehen↗9,826
  • whatwg/htmlAvatar von whatwg

    whatwg/html

    9,163Auf GitHub ansehen↗

    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.

    HTMLcanvaseventsourcehtml
    Auf GitHub ansehen↗9,163
  • mui/base-uiAvatar von mui

    mui/base-ui

    8,711Auf GitHub ansehen↗

    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.

    TypeScriptaccessibilitydesign-systemreact
    Auf GitHub ansehen↗8,711
  • olifolkerd/tabulatorAvatar von olifolkerd

    olifolkerd/tabulator

    7,550Auf GitHub ansehen↗

    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.

    JavaScriptajaxcdnjsdata
    Auf GitHub ansehen↗7,550
  • shentao/vue-multiselectAvatar von shentao

    shentao/vue-multiselect

    6,787Auf GitHub ansehen↗

    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.

    JavaScriptcomponentdropdownjavascript
    Auf GitHub ansehen↗6,787
  • monterail/vue-multiselectAvatar von monterail

    monterail/vue-multiselect

    6,787Auf GitHub ansehen↗

    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.

    JavaScript
    Auf GitHub ansehen↗6,787
  • xiangyuecn/areacity-jsspider-statsgovAvatar von xiangyuecn

    xiangyuecn/AreaCity-JsSpider-StatsGov

    6,672Auf GitHub ansehen↗

    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.

    JavaScript
    Auf GitHub ansehen↗6,672
  • chakra-ui/zagAvatar von chakra-ui

    chakra-ui/zag

    5,121Auf GitHub ansehen↗

    Zag ist eine Headless-UI-Zustandsmaschinenbibliothek, die ungestylte Komponentenlogik bereitstellt, um konsistentes Verhalten über verschiedene Rendering-Engines hinweg sicherzustellen. Sie fungiert als Toolkit zur Modellierung komplexer User-Interface-Interaktionen unter Verwendung von Statecharts und entkoppelt die zugrunde liegende Logik und Accessibility-Attribute vom visuellen Styling. Die Bibliothek ist framework-agnostisch und nutzt spezialisierte Adapter, um ihre Zustandsmaschinenlogik mit verschiedenen JavaScript-Bibliotheken wie React, Solid, Vue und Svelte zu verbinden. Dieser Ansatz ermöglicht es Entwicklern, ein einheitliches Interaktionsmodell beizubehalten, während sie jede CSS- oder Styling-Lösung durch zustandsgesteuerte Datenattribute anwenden können. Zag deckt ein breites Spektrum an funktionalen Bereichen ab, einschließlich umfassendem Accessibility-Management für Tastaturnavigation und ARIA-Attribute sowie eine riesige Sammlung interaktiver Primitiven. Dazu gehören Input-Controls, Navigationselemente wie Menüs und Tabs, Overlay-Komponenten wie Dialoge und Popovers sowie komplexe Medienhandhabung für Bildzuschnitt und Signaturerfassung. Es bietet zudem Utilities für hierarchisches Datenmanagement, asynchrone Listenbehandlung und ein System zur Konstruktion geführter Produkttouren.

    Implements a hierarchical selection menu with linked dropdown levels and keyboard navigation.

    TypeScripta11yaccessibilityagnostic
    Auf GitHub ansehen↗5,121
  • chakra-ui/arkAvatar von chakra-ui

    chakra-ui/ark

    5,004Auf GitHub ansehen↗

    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.

    TypeScriptcomponentsdesign-systemheadless
    Auf GitHub ansehen↗5,004
  • sagalbot/vue-selectAvatar von sagalbot

    sagalbot/vue-select

    4,679Auf GitHub ansehen↗

    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.

    JavaScriptcomboboxlistboxselect
    Auf GitHub ansehen↗4,679
  • zdhxiong/mduiAvatar von zdhxiong

    zdhxiong/mdui

    4,517Auf GitHub ansehen↗

    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.

    TypeScriptcssjavascriptmaterial
    Auf GitHub ansehen↗4,517
  • openui/open-uiAvatar von openui

    openui/open-ui

    4,494Auf GitHub ansehen↗

    Open-UI ist eine Reihe von Web-UI-Standardspezifikationen und eine standardisierte UI-Komponentenbibliothek. Sie bietet technische Definitionen für universelle UI-Komponenten, Verhaltensweisen und Barrierefreiheitsanforderungen, die darauf ausgelegt sind, die Cross-Browser-Kompatibilität durch eine Reihe von Web-Sprachvorschlägen sicherzustellen. Das Projekt umfasst ein Web-Accessibility-Polyfill und erweiterbare Control-Polyfills, die moderne UI-Steuerungsfunktionalität in Umgebungen ohne native Browser-Unterstützung bereitstellen. Es enthält eine Browser-Kompatibilitätssuite, um zu verifizieren, dass Komponenten die definierten Verhaltens- und Barrierefreiheitsanforderungen erfüllen. Die Bibliothek deckt eine breite Palette an Interface-Elementen ab, darunter durchsuchbare Comboboxen, interaktive Menüsysteme, Multi-Handle-Range-Inputs und anpassbare Select-Menüs. Sie enthält zudem Layout- und Navigationskomponenten wie Akkordeons, Modals, Breadcrumbs und Karussells. Das System nutzt deklarative Verhaltenszuordnung und Event-basiertes Action-Dispatching zur Ausführung von Komponentenlogik, während interne Zustände über CSS-Pseudo-Elemente für visuelles Styling offengelegt werden.

    Allows the structure of a selected option to be duplicated into a trigger element for flexible visual representations.

    MDXstandardsuiux
    Auf GitHub ansehen↗4,494
Vorherige12Nächste
  1. Home
  2. User Interface & Experience
  3. Select Components

Unter-Tags erkunden

  • AsynchronousSelect components that fetch their option lists from external data sources on demand. **Distinct from Select Components:** Specializes generic select components by adding the requirement of asynchronous data fetching.
  • CascadingSelection components where options in one level filter the choices available in the next. **Distinct from Select Components:** Distinct from generic select components by implementing the hierarchical dependency between linked pickers.
  • Cascading SelectsHierarchical selection menus where options in subsequent levels are linked to previous selections. **Distinct from Select Components:** Focuses on the linked hierarchy of the select components rather than general dropdown behavior
  • Native Form SynchronizationMechanisms to synchronize custom select components with hidden native HTML select elements. **Distinct from Select Components:** Focuses on the synchronization with native form elements for auto-fill and serialization, not the selection UI itself.
  • Selection Clearing2 Sub-TagsUI controls that allow users to reset or clear the current value in a selection input. **Distinct from Selection Clearing:** Distinct from general Select Components by focusing specifically on the reset/clear action rather than the selection mechanism itself.
  • Selection Value Formatting1 Sub-TagMaps raw values from selection components to human-readable labels. **Distinct from Select Components:** Specifically targets the mapping of internal values to labels for select components, rather than general UI layout.
  • Value ReflectionsUI patterns that display the currently selected value within the component's trigger element. **Distinct from Select Components:** Specifically about mirroring the selected state in the UI trigger, not the selection mechanism itself.