awesome-repositories.com
المدونة
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعحولكيفية ترتيب النتائجالصحافةخادم MCP
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

41 مستودعات

Awesome GitHub RepositoriesSelect Inputs

Dropdown 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.

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

Awesome Select Inputs GitHub Repositories

اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
  • lucksiege/pictureselectorالصورة الرمزية لـ LuckSiege

    LuckSiege/PictureSelector

    13,592عرض على 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
    عرض على GitHub↗13,592
  • cosscom/cossالصورة الرمزية لـ cosscom

    cosscom/coss

    10,125عرض على 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
    عرض على GitHub↗10,125
  • buefy/buefyالصورة الرمزية لـ buefy

    buefy/buefy

    9,531عرض على 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
    عرض على GitHub↗9,531
  • unovue/shadcn-vueالصورة الرمزية لـ unovue

    unovue/shadcn-vue

    9,425عرض على 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
    عرض على GitHub↗9,425
  • terkelg/promptsالصورة الرمزية لـ terkelg

    terkelg/prompts

    9,291عرض على 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
    عرض على GitHub↗9,291
  • didi/cube-uiالصورة الرمزية لـ didi

    didi/cube-ui

    9,116عرض على 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
    عرض على GitHub↗9,116
  • mui/base-uiالصورة الرمزية لـ mui

    mui/base-ui

    8,711عرض على 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
    عرض على GitHub↗8,711
  • modelcontextprotocol/modelcontextprotocolالصورة الرمزية لـ modelcontextprotocol

    modelcontextprotocol/modelcontextprotocol

    8,458عرض على 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
    عرض على GitHub↗8,458
  • huntabyte/shadcn-svelteالصورة الرمزية لـ huntabyte

    huntabyte/shadcn-svelte

    8,341عرض على 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
    عرض على GitHub↗8,341
  • slackhq/slacktextviewcontrollerالصورة الرمزية لـ slackhq

    slackhq/SlackTextViewController

    8,266عرض على 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
    عرض على GitHub↗8,266
  • webstudio-is/webstudioالصورة الرمزية لـ webstudio-is

    webstudio-is/webstudio

    8,240عرض على GitHub↗

    Webstudio is a visual CMS and website builder that provides a visual development environment for designing and publishing websites. It functions as an AI-powered design tool, a REST and GraphQL API client, and an atomic CSS compiler. The platform distinguishes itself through generative AI capabilities for creating layout variants and refining visual styles from text prompts. It integrates a headless CMS workflow that maps external data sources to visual components and utilizes a specialized compiler to convert design tokens into deduplicated atomic CSS for optimized page load speeds. The sys

    Implements dropdown menus allowing users to choose options defined statically or dynamically.

    TypeScriptaccessibilityalternativecloudflare
    عرض على GitHub↗8,240
  • olifolkerd/tabulatorالصورة الرمزية لـ olifolkerd

    olifolkerd/tabulator

    7,550عرض على GitHub↗

    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

    Provides dropdown components for choosing one or more values from arrays, remote URLs, or other columns.

    JavaScriptajaxcdnjsdata
    عرض على GitHub↗7,550
  • choices-js/choicesالصورة الرمزية لـ Choices-js

    Choices-js/Choices

    6,801عرض على GitHub↗

    Choices is a vanilla JavaScript library used to create customizable select boxes and text inputs without external dependencies. It functions as a custom select box plugin that transforms standard HTML select elements into searchable, stylable dropdowns and tagged text input components. The library distinguishes itself through a system of customizable HTML templates and CSS custom properties, allowing for the creation of tailored UI components. It provides the ability to define custom HTML structures for input components and modify the visual appearance of the interface via CSS theme styling.

    Renders dropdown menus for picking options from grouped lists using customizable HTML templates.

    JavaScriptchoicechoiceschoicesjs
    عرض على GitHub↗6,801
  • shentao/vue-multiselectالصورة الرمزية لـ shentao

    shentao/vue-multiselect

    6,787عرض على GitHub↗

    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

    Provides a searchable dropdown component for selecting single or multiple items from strings or objects.

    JavaScriptcomponentdropdownjavascript
    عرض على GitHub↗6,787
  • charmbracelet/huhالصورة الرمزية لـ charmbracelet

    charmbracelet/huh

    6,575عرض على GitHub↗

    Huh is a Go library for building interactive terminal forms, designed to work with the Bubbletea TUI framework. It provides a complete form-building system with text inputs, selection lists, confirmation prompts, and file pickers, all navigable using only the keyboard without requiring a mouse. The library distinguishes itself through dynamic form adaptation, allowing fields to be shown, hidden, or modified at runtime based on user selections and conditional rules. It includes screen reader support that announces form fields and falls back to text prompts when a visual interface is unavailabl

    Chooses one or more options from a presented list of choices.

    Go
    عرض على GitHub↗6,575
  • shopify/polaris-reactالصورة الرمزية لـ Shopify

    Shopify/polaris-react

    6,174عرض على GitHub↗

    Polaris React is a production-ready component library that implements Shopify's Polaris design system for building consistent merchant-facing admin interfaces. It provides a comprehensive set of reusable React components, including accessible form inputs, data display elements, layout and navigation structures, and visual feedback indicators, all styled through a semantic color token system applied via CSS custom properties for dynamic light and dark mode support. The library distinguishes itself with an icon-first visual language featuring over 400 commerce-specific SVG icons delivered as fi

    Includes a select input component presenting a dropdown menu for choosing one value from a list.

    TypeScriptcomponent-librarydesign-systemdesign-systems
    عرض على GitHub↗6,174
  • xmartlabs/xlformالصورة الرمزية لـ xmartlabs

    xmartlabs/XLForm

    5,741عرض على GitHub↗

    XLForm هو مكتبة واجهة مستخدم تعريفية (declarative UI) وإطار عمل لإنشاء نماذج عرض الجدول (table-view) في iOS من تعريفات مهيكلة. يوفر مجموعة أدوات لبناء شاشات إدخال البيانات للهواتف المحمولة باستخدام Swift و Objective-C، مما يسمح للمطورين بإنشاء واجهات تعتمد على أقسام وصفوف تعريفية. يتميز إطار العمل بمزامنة الواجهة الديناميكية والمنطق الشرطي لإدارة رؤية الصفوف وقيود التحرير. كما يدعم إنشاء أقسام ديناميكية متعددة القيم حيث يمكن للمستخدمين إدراج أو حذف أو إعادة ترتيب الصفوف في وقت التشغيل. تتضمن المكتبة مجموعة متنوعة من مكونات الإدخال التفاعلية مثل منتقي التاريخ والوقت، وقوائم الاختيار، وحقول النص، ومفاتيح التبديل المنطقية. كما توفر أدوات مساعدة للتحقق من صحة الإدخال عبر أطر عمل قائمة على القواعد، وأدوات لاستخراج إدخالات المستخدم إلى قواميس مهيكلة لنقل البيانات. تدعم المكتبة القابلية للتوسع من خلال تعيينات أنواع الصفوف المخصصة لعرض محتوى متخصص في خلايا الجدول.

    Enables the creation of rows that allow users to select single or multiple values from a list of options.

    Objective-C
    عرض على GitHub↗5,741
  • rstudio/shinyالصورة الرمزية لـ rstudio

    rstudio/shiny

    5,608عرض على GitHub↗

    Shiny is a framework for building interactive web applications using R code, eliminating the need for HTML, CSS, or JavaScript. At its core, it provides a reactive programming model that automatically tracks data dependencies and re-executes only the parts of an application that depend on changed inputs. The framework handles server-side UI rendering and maintains persistent WebSocket connections between the browser and server for real-time updates without page reloads. The framework distinguishes itself through deep integration with the R ecosystem, including the ability to embed interactive

    Provides a selectize input with autocomplete, tagging, and multi-select from large lists.

    Rrreactiverstudio
    عرض على GitHub↗5,608
  • kartik-v/bootstrap-fileinputالصورة الرمزية لـ kartik-v

    kartik-v/bootstrap-fileinput

    5,350عرض على GitHub↗

    bootstrap-fileinput is a Bootstrap-compatible HTML5 file upload widget and plugin. It provides a customizable interface for selecting and uploading multiple files, featuring integrated image previews, drag-and-drop support, and client-side validation for file types, sizes, and counts. The project includes a resumable file upload client that slices large files into chunks to ensure stability over intermittent connections and allow transfers to be paused and resumed. It also features a client-side image processor capable of resizing images and reading EXIF metadata to automatically correct imag

    Provides controls to enable, disable, lock, or unlock the file input field to manage user interaction.

    JavaScriptajax-uploadbootstrapbootstrap-fileinput
    عرض على GitHub↗5,350
  • jquery-form/formالصورة الرمزية لـ jquery-form

    jquery-form/form

    5,157عرض على GitHub↗

    هذا المشروع عبارة عن إضافة jQuery ومجموعة من الأدوات القائمة على المتصفح مصممة لإرسال النماذج بشكل غير متزامن، وتسلسل البيانات، وإدارة مدخلات جانب العميل. يعمل كمدير نماذج من جانب العميل يسمح بنقل بيانات النموذج والملفات إلى خادم في الخلفية دون الحاجة إلى إعادة تحميل الصفحة. توفر المكتبة أدوات متخصصة لتحويل قيم حقول النموذج إلى سلاسل نصية مشفرة بعنوان URL لنقلها عبر الشبكة واعتراض عمليات الإرسال لتنفيذ منطق مخصص أو إلغاء العملية عبر استدعاءات (callbacks). كما تتضمن إمكانيات لمراقبة تقدم رفع الملفات في الوقت الفعلي. تغطي الوظائف الإضافية التحكم في حالة واجهة المستخدم، بما في ذلك القدرة على مسح حقول الإدخال، واستعادة النماذج إلى قيمها الافتراضية الأصلية، وتوجيه استجابات الخادم إلى عناصر صفحة محددة أو إطارات مخفية.

    Resets or clears form values by targeting specific HTML element types and manipulating their internal properties.

    JavaScript
    عرض على GitHub↗5,157
السابق123التالي
  1. Home
  2. User Interface & Experience
  3. Multi-Select Inputs
  4. Select Inputs

استكشف الوسوم الفرعية

  • AutocompleteText inputs with autocomplete suggestions, tagging, and multi-select capabilities for choosing from large lists. **Distinct from Select Inputs:** Distinct from Select Inputs: adds autocomplete and tagging behavior beyond standard dropdown selection.
  • Comboboxes1 وسم فرعيInput components that combine a text entry field with a selectable dropdown list. **Distinct from Select Inputs:** Specifically combines text input and selection, whereas Select Inputs are typically dropdown-only.
  • Custom Select Styling3 وسوم فرعيةVisual customization of dropdown select components to override browser defaults. **Distinct from Select Inputs:** Focuses on the aesthetic styling of the select input rather than the functional mechanism of choosing values.
  • Input State Management1 وسم فرعيControls the operational state of inputs, including read-only, disabled, and required modes. **Distinct from Select Inputs:** Focuses on the operational state of the input field rather than just the value selection logic.
  • Schema-Driven Selection InputsDefinition of single or multiple choice inputs within a data schema for UI rendering. **Distinct from Select Inputs:** Distinct from Select Inputs: focuses on the schema definition rather than the UI component implementation.
  • Selection Item Management1 وسم فرعيTools for adding, removing, or editing individual entries within a multi-select or single-select input. **Distinct from Select Inputs:** Focuses on the lifecycle of selected items (add/remove/edit), whereas Select Inputs is the general component definition.