awesome-repositories.com
Blog
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectDespreCum realizăm clasamentulPresăServer MCP
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

56 repository-uri

Awesome GitHub RepositoriesMulti-Select Inputs

Components that support the selection of multiple items within a single input field.

Distinguishing note: Focuses on the multi-value capability of selection inputs.

Explore 56 awesome GitHub repositories matching user interface & experience · Multi-Select Inputs. Refine with filters or upvote what's useful.

Awesome Multi-Select Inputs GitHub Repositories

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • mantinedev/mantineAvatar mantinedev

    mantinedev/mantine

    31,263Vezi pe GitHub↗

    Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti

    Mantine provides a component to select multiple predefined values from searchable dropdown lists, with support for custom rendering and filtering configuration.

    TypeScriptdark-modedark-themehooks
    Vezi pe GitHub↗31,263
  • filamentphp/filamentAvatar filamentphp

    filamentphp/filament

    31,215Vezi pe GitHub↗

    Filament is a full-stack framework for building administrative panels and management interfaces within the Laravel ecosystem. It provides a declarative, component-based architecture that allows developers to construct complex, data-driven applications using server-side configuration objects rather than manual HTML. By inspecting database model structures and relationships, the framework automates the generation of CRUD interfaces, forms, and data tables, significantly reducing boilerplate code. The project distinguishes itself through a highly modular and extensible design that supports custo

    Presents mutually exclusive options for single-value selection from lists.

    PHPadminalpine-jsbuilder
    Vezi pe GitHub↗31,215
  • select2/select2Avatar select2

    select2/select2

    25,972Vezi pe GitHub↗

    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

    Accepts multiple custom tags within a single input field to allow users to define their own entries.

    JavaScripthacktoberfestjavascriptjquery
    Vezi pe GitHub↗25,972
  • necolas/react-native-webAvatar necolas

    necolas/react-native-web

    22,132Vezi pe GitHub↗

    This project is a cross-platform user interface framework that maps mobile-native component primitives to standard web elements. It enables developers to build consistent applications that function across both mobile and web environments by providing a unified library of components and shared logic. The framework distinguishes itself through a specialized style engine that converts JavaScript object-based declarations into optimized, scoped CSS at runtime. It also features a responsive layout engine that implements a flexbox-based system, ensuring that interfaces adapt dynamically to differen

    Implements single-select input components for dropdown-style value selection.

    JavaScriptcross-platformcss-in-jsgui-framework
    Vezi pe GitHub↗22,132
  • harvesthq/chosenAvatar harvesthq

    harvesthq/chosen

    21,980Vezi pe GitHub↗

    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 refined interface for selecting multiple options from a list with built-in selection limits.

    HTMLdeprecatednot-maintained
    Vezi pe GitHub↗21,980
  • sboudrias/inquirer.jsAvatar SBoudrias

    SBoudrias/Inquirer.js

    21,578Vezi pe GitHub↗

    Inquirer.js is a command line input framework and prompt library for Node.js applications. It provides a structured set of tools for building interactive terminal interfaces, including menus, checklists, and text inputs, to gather user data and manage complex interactions. The framework allows for the creation of dynamic user experiences through branching prompt logic and the resolution of asynchronous configurations. Users can define custom prompts using a provided API and localize interface text into different languages. The library covers a wide range of input capabilities, including sing

    Provides components for users to choose a single item from a list of choices.

    TypeScriptclicommand-linejavascript
    Vezi pe GitHub↗21,578
  • shopify/draggableAvatar Shopify

    Shopify/draggable

    18,457Vezi pe GitHub↗

    Draggable is a JavaScript library for implementing draggable elements and sortable lists within a web browser. It provides a functional toolset for creating accessible drag and drop interfaces and a mechanism for dynamically swapping, sorting, and reordering HTML elements in real time. The library features a cross-input interaction layer that unifies mouse, touch, and force-touch events into a single stream for consistent behavior across different devices. It specifically includes tools for providing screen reader feedback and assistive technology support to ensure drag operations are accessi

    Normalizes mouse, touch, and force-touch events into a single interaction stream for consistent cross-device drag and drop.

    JavaScriptdrag-and-dropdraggablees6
    Vezi pe GitHub↗18,457
  • clauderic/dnd-kitAvatar clauderic

    clauderic/dnd-kit

    17,243Vezi pe GitHub↗

    This project is a modular toolkit for building accessible, component-based drag-and-drop interfaces in React. It provides a foundational framework for managing complex spatial interactions, state synchronization, and element registration, allowing developers to create interactive web applications that support mouse, touch, and keyboard inputs. The library distinguishes itself through a highly extensible architecture that separates input handling from interaction logic. It utilizes a sensor-based input abstraction to normalize diverse user interactions and a plugin-driven lifecycle to inject c

    Detects and normalizes interactions from mouse, touch, pen, and keyboard inputs for drag-and-drop operations.

    TypeScriptdragdrag-and-dropdraggable
    Vezi pe GitHub↗17,243
  • lucksiege/pictureselectorAvatar LuckSiege

    LuckSiege/PictureSelector

    13,592Vezi pe GitHub↗

    PictureSelector is an Android media selection library and toolkit for browsing and picking images, videos, and audio files from a device album. It provides a comprehensive framework for capturing new photos and videos via system hardware, extracting media metadata, and managing the resulting files. The library features a modular architecture that allows for custom media engine implementations to replace default image loading, file compression, and video playback logic. It offers extensive UI customization, enabling the replacement of default layout resources and theme configurations to modify

    Provides the ability to modify colors, fonts, and backgrounds for the selection interface and navigation components.

    Javaandroidandroid-image-selectorcamera
    Vezi pe GitHub↗13,592
  • selectize/selectize.jsAvatar selectize

    selectize/selectize.js

    13,022Vezi pe GitHub↗

    Selectize.js is a jQuery-based autocomplete library and tagging interface component. It functions as a searchable selection tool that combines a text input field with a dropdown select box to facilitate fast item lookup and the management of discrete tags. The project specializes in remote data input, allowing it to fetch, rank, and integrate options from a server in real-time as a user types. It utilizes a weighted search ranking system to score and sort results by scanning multiple text fields for relevance. The library covers a broad range of user interface capabilities, including multi-s

    Supports selecting and deleting multiple items within a single input field using modifier keys.

    SCSS
    Vezi pe GitHub↗13,022
  • cosscom/cossAvatar cosscom

    cosscom/coss

    10,125Vezi pe GitHub↗

    Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a comprehensive kit of interactive elements and layout building blocks that follow screen reader and keyboard navigation standards. The project functions as a UI overlay management library, offering specialized tools for implementing anchored popovers, tooltips, and slide-out panels with smooth transitions. It includes a set of accessible form primitives and selection controls to ensure compatibility across different assistive technologies. Its broader capabilities cover the const

    Provides accessible dropdown components for selecting one or more values from a predefined list.

    TypeScriptnextjsradix-uireact
    Vezi pe GitHub↗10,125
  • buefy/buefyAvatar buefy

    buefy/buefy

    9,531Vezi pe GitHub↗

    Buefy is a lightweight user interface component library built for Vue.js. It serves as a programmatic wrapper for the Bulma CSS framework, providing a set of pre-styled layout utilities, form components, and structural wrappers to ensure a consistent visual identity. The library provides a comprehensive suite of form elements, including specialized date and time pickers, autocomplete inputs, and validation wrappers. It also includes layout tools such as navigation bars, off-canvas sidebars, and modal overlays, as well as notification systems for banners, snackbars, and toasts. Additional cap

    Provides dropdown menus for selecting single or multiple values from a list.

    Vuebulmacomponentsvue
    Vezi pe GitHub↗9,531
  • unovue/shadcn-vueAvatar unovue

    unovue/shadcn-vue

    9,425Vezi pe GitHub↗

    shadcn-vue is an accessible design system framework and UI component library for Vue applications. It provides a collection of accessible, unstyled interface elements and pre-designed building blocks styled with Tailwind CSS, all of which are built on top of Radix Vue primitives. The project utilizes a command line interface to install specific components and themes directly into a local project directory rather than as pre-compiled dependencies. This distribution model allows users to own and modify the source code locally to create a custom design language. The library covers a broad range

    Includes dropdowns and select menus for choosing one or more values from a provided list.

    TypeScriptaccessiblecomponent-libraryradix-vue
    Vezi pe GitHub↗9,425
  • terkelg/promptsAvatar terkelg

    terkelg/prompts

    9,291Vezi pe GitHub↗

    This project is a Node.js CLI input library and toolkit for building interactive command-line user interfaces. It functions as a questionnaire framework and prompt orchestrator designed to capture structured user data through a variety of visual input controls. The system differentiates itself through a logic-driven engine that supports dynamic prompt chains, allowing the sequence and properties of questions to adapt at runtime based on previous user answers. The toolkit provides a wide range of specialized input types, including date pickers, searchable lists, masked passwords, and numeric

    Offers a variety of selection inputs including single-select, multi-select, and toggle switches.

    JavaScript
    Vezi pe GitHub↗9,291
  • didi/cube-uiAvatar didi

    didi/cube-ui

    9,116Vezi pe GitHub↗

    cube-ui is a mobile-first Vue.js component library that provides a comprehensive set of pre-built UI elements for building touch-based mobile web applications. The library is built on Vue's single-file component architecture and supports on-demand ES module imports, allowing developers to selectively load only the components they need to optimize bundle size. It also offers plugin-based global registration for convenient setup and includes a CLI scaffolding tool to generate project skeletons with pre-configured build settings. The library distinguishes itself with a gesture-driven interaction

    Ships dropdown select inputs for choosing a single value from a list of options.

    JavaScriptcube-uijavascriptui-library
    Vezi pe GitHub↗9,116
  • mui/base-uiAvatar mui

    mui/base-ui

    8,711Vezi pe GitHub↗

    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

    Renders an accessible dropdown menu for choosing single or multiple values from a predefined list.

    TypeScriptaccessibilitydesign-systemreact
    Vezi pe GitHub↗8,711
  • modelcontextprotocol/modelcontextprotocolAvatar modelcontextprotocol

    modelcontextprotocol/modelcontextprotocol

    8,458Vezi pe GitHub↗

    Model Context Protocol is a standardized framework for connecting large language models to external data sources and executable tools. It enables the creation of a universal interface where servers expose tools, resources, and prompts that can be discovered and utilized by various AI clients. The protocol utilizes a JSON-RPC message system that is transport-agnostic, supporting both standard input/output for local processes and HTTP with server-sent events for remote connections. It emphasizes security and control by delegating model sampling to the client to keep API keys secure from servers

    Creates schemas for single or multiple choice inputs with human-readable titles for client interfaces.

    TypeScript
    Vezi pe GitHub↗8,458
  • primefaces/primereactAvatar primefaces

    primefaces/primereact

    8,323Vezi pe GitHub↗

    PrimeReact is a comprehensive UI component library for building interactive user interfaces with React. It provides an accessible component suite, a form input framework, and a data visualization toolkit designed to meet accessibility standards through built-in keyboard navigation and focus management. The library features a themed design system that allows for visual customization via pre-defined skin sets or an unstyled mode. This unstyled mode decouples component behavior and accessibility logic from the presentation layer, enabling the implementation of custom corporate design systems. C

    Provides components for selecting multiple items from a list using checkboxes or selectable chips.

    CSS
    Vezi pe GitHub↗8,323
  • huntabyte/shadcn-svelteAvatar huntabyte

    huntabyte/shadcn-svelte

    8,341Vezi pe GitHub↗

    shadcn-svelte is a collection of accessible and customizable user interface elements for Svelte applications. Rather than being distributed as a traditional dependency, these components are provided as source code that is copied directly into the project codebase. The library utilizes a registry-based distribution system, allowing users to install specific UI blocks and components via a command-line interface. This system uses JSON metadata to define dependencies and file paths, while a bootstrapping process automates the configuration of styles and CSS variables. The project integrates Tail

    Implements styled select inputs that maintain native browser behavior and accessibility.

    TypeScriptbits-uishadcn-svelteshadcn-ui
    Vezi pe GitHub↗8,341
  • slackhq/slacktextviewcontrollerAvatar slackhq

    slackhq/SlackTextViewController

    8,266Vezi pe GitHub↗

    SlackTextViewController is a specialized iOS user interface framework and UIKit text input component designed for markdown editing and messaging input management. It provides a view controller subclass that bundles text input logic and layout management into a reusable component for iOS applications. The framework implements specific messaging interface behaviors, including inverted scroll layouts that anchor content from the bottom up and animated typing indicators. It supports a rich text input workflow with markdown formatting, prefix-based autocompletion, and the ability to insert images

    Toggles the interface between a standard composing state and a dedicated editing state.

    Objective-C
    Vezi pe GitHub↗8,266
Înapoi123Înainte
  1. Home
  2. User Interface & Experience
  3. Multi-Select Inputs

Explorează sub-etichetele

  • Advanced Selection InputsEnhanced dropdowns and dual-listboxes supporting multi-select, searching, and item transfer. **Distinct from Multi-Select Inputs:** Specifically covers complex interactions like dual-listboxes and search-integrated multi-selects, rather than just general multi-value inputs.
  • Multi-Input Interaction HandlersSystems for normalizing and processing diverse user inputs like mouse, touch, and keyboard for drag-and-drop. **Distinct from Multi-Select Inputs:** Distinct from Multi-Select Inputs: focuses on input device normalization for drag-and-drop rather than selection fields.
  • Select Inputs6 sub-tag-uriDropdown components for choosing one or more values from a provided list. **Distinct from Multi-Select Inputs:** More specific than general multi-select inputs, focusing on the dropdown select mechanism.
  • Single-Select Inputs1 sub-tagComponents for choosing one option from a list of choices. **Distinct from Multi-Select Inputs:** Distinct from Multi-Select Inputs: focuses on single-value selection rather than multiple-value selection.
  • State MirroringSynchronization of a custom UI input with a hidden native form element for compatible submissions. **Distinct from Multi-Select Inputs:** Distinct from Multi-Select Inputs: focuses on the technical synchronization between a custom UI and a native select element rather than the ability to select multiple items.