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

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

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

87 مستودعات

Awesome GitHub RepositoriesForm Input Components

UI elements for capturing user input and managing state selections.

Distinguishing note: Focuses on binary state toggles like switches and checkboxes.

Explore 87 awesome GitHub repositories matching user interface & experience · Form Input Components. Refine with filters or upvote what's useful.

Awesome Form Input Components GitHub Repositories

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

    ionic-team/ionic-framework

    52,539عرض على GitHub↗

    Ionic Framework is a cross-platform UI toolkit and hybrid app framework used to build native-quality mobile and progressive web applications using HTML, CSS, and JavaScript. It functions as a web component library that enables the deployment of a single codebase across iOS, Android, and the web. The framework features a platform-adaptive design system that automatically switches the visual style of components to match the design patterns of the host operating system. It utilizes a web-component-based architecture with CSS custom properties for global theming and specialized bindings to synchr

    Provides binary toggle switches with haptic feedback for enabling or disabling settings.

    TypeScriptangularcapacitorframework
    عرض على GitHub↗52,539
  • tabler/tablerالصورة الرمزية لـ tabler

    tabler/tabler

    41,180عرض على GitHub↗

    Tabler is a comprehensive UI framework designed for building responsive, data-heavy administrative panels and enterprise web applications. It provides a unified collection of pre-styled components and layout patterns that allow developers to construct complex dashboard interfaces using a consistent design system. The project distinguishes itself through a metadata-driven approach to interactivity, where complex component behaviors and state transitions are initialized by parsing configuration attributes directly from HTML elements. This allows for the creation of interactive interfaces withou

    Provides textarea elements that automatically expand in height as users type.

    HTMLadmin-dashboardadminpanelboilerplate-template
    عرض على GitHub↗41,180
  • appsmithorg/appsmithالصورة الرمزية لـ appsmithorg

    appsmithorg/appsmith

    40,051عرض على GitHub↗

    Appsmith is a low-code platform designed for building internal business tools, such as operational dashboards and administrative panels. It enables developers to construct dynamic user interfaces by dragging and dropping modular widgets onto a canvas and binding them directly to backend data sources. The platform utilizes a reactive framework that automatically updates interface elements and triggers functions whenever underlying data or widget properties change, eliminating the need for manual event handling. The platform distinguishes itself through a server-side proxy architecture that exe

    Configures tasks by toggling binary states or selecting from groups of options using checkboxes, radio buttons, and switches.

    TypeScriptadmin-dashboardadmin-panelsapp-builder
    عرض على GitHub↗40,051
  • pbakaus/impeccableالصورة الرمزية لـ pbakaus

    pbakaus/impeccable

    38,798عرض على GitHub↗

    Impeccable is a design system framework for large language models and an AI coding assistant plugin. It functions as an AI-driven UI generator and a rule-based design linter, providing a structured set of instructions and configuration files to standardize the production of professional user interfaces. The project features a design token orchestrator that maps standards across different AI provider environments and a config-driven factory for managing skills across multiple providers. It employs a deterministic rule engine to audit interfaces for accessibility violations, typography errors,

    Builds user input elements including toggles, checkboxes, and dropdowns using a unified design language.

    JavaScript
    عرض على GitHub↗38,798
  • filamentphp/filamentالصورة الرمزية لـ filamentphp

    filamentphp/filament

    31,215عرض على 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

    Includes checkbox components for toggling binary true or false states within data entry forms.

    PHPadminalpine-jsbuilder
    عرض على GitHub↗31,215
  • jedwatson/react-selectالصورة الرمزية لـ JedWatson

    JedWatson/react-select

    28,040عرض على GitHub↗

    react-select is a customizable select input for React applications that supports single and multiple value selection with integrated search. It functions as a form input library providing a selection interface capable of fetching and displaying options from remote APIs dynamically as a user types. The library is distinguished by a component-injection architecture that allows users to replace internal UI fragments with custom React components. It further enables deep visual customization through prop-based style merging, allowing user-defined CSS objects to override internal defaults for brand

    Implements a system for branded input fields through prop-based style merging and component injection.

    TypeScript
    عرض على GitHub↗28,040
  • marmelab/react-adminالصورة الرمزية لـ marmelab

    marmelab/react-admin

    26,780عرض على GitHub↗

    React-admin is a framework for building data-driven administrative interfaces that connect to REST or GraphQL backends. It provides a comprehensive suite of tools for managing the full lifecycle of administrative applications, including resource-oriented routing, declarative form scaffolding, and context-driven state management. By utilizing a modular adapter-based architecture, the framework abstracts backend communication, allowing developers to build consistent CRUD interfaces that handle data fetching, authentication, and synchronization automatically. The project distinguishes itself thr

    Renders toggle switches for capturing boolean record values.

    TypeScriptadminadmin-dashboardadmin-on-rest
    عرض على GitHub↗26,780
  • spicetify/cliالصورة الرمزية لـ spicetify

    spicetify/cli

    23,479عرض على GitHub↗

    This project is a command-line utility and development framework designed to modify, extend, and customize the Spotify desktop client. It functions as a binary patching engine that injects custom scripts, stylesheets, and interface components directly into the host application, enabling users to alter visual themes and add new functionality. The tool distinguishes itself by providing a comprehensive development environment for building modular extensions and custom applications. It includes a hot-reloading pipeline for rapid iteration, a declarative library for constructing interactive UI pan

    Renders switchable toggle inputs that track boolean states and trigger callbacks.

    JavaScriptcommand-linecommand-line-toolcustomization
    عرض على GitHub↗23,479
  • uikit/uikitالصورة الرمزية لـ uikit

    uikit/uikit

    18,534عرض على GitHub↗

    UIkit is a CSS front-end framework and accessible UI component library designed for building responsive web interfaces. It provides a comprehensive set of styling classes and modular components alongside a JavaScript interaction toolkit for managing behavioral elements. The framework includes native support for internationalized web interfaces, featuring multi-locale text translation and right-to-left layout directions. It employs a responsive layout engine that uses flexible grids, adaptive breakpoints, and container widths to align content across different screen sizes. The toolkit covers

    Provides a suite of UI elements for capturing user input, including customizable checkboxes, radio buttons, and range sliders.

    HTML
    عرض على GitHub↗18,534
  • tusen-ai/naive-uiالصورة الرمزية لـ tusen-ai

    tusen-ai/naive-ui

    18,381عرض على GitHub↗

    Naive UI is a comprehensive TypeScript user interface library and component set designed specifically for Vue 3 applications. It provides a type-safe framework for building web interfaces, featuring a responsive layout engine and high-performance data components such as virtual-scroll data tables. The library is distinguished by a customizable theme system that utilizes type-safe JavaScript objects for visual overrides instead of traditional CSS variables. This architecture allows for dynamic runtime updates and global style configurations managed through a centralized provider. The framewor

    Ships toggle switch components for capturing binary true or false state inputs.

    TypeScriptcomponent-libraryui-componentsvue
    عرض على GitHub↗18,381
  • picocss/picoالصورة الرمزية لـ picocss

    picocss/pico

    16,342عرض على GitHub↗

    Pico is a lightweight, classless CSS framework designed to provide consistent, accessible, and responsive visual defaults for web interfaces. By prioritizing semantic HTML tags, it allows developers to build clean, structured pages without the need for complex class names or heavy dependencies. The framework functions as a comprehensive design system that automatically applies styling to standard elements, ensuring that typography, spacing, and layout remain cohesive across different screen sizes. The framework distinguishes itself through a modular, variable-driven architecture that emphasiz

    Transforms standard checkbox inputs into visual toggle switches using semantic markup.

    CSScsscss-frameworkdark-mode
    عرض على GitHub↗16,342
  • chalarangelo/30-seconds-of-cssالصورة الرمزية لـ Chalarangelo

    Chalarangelo/30-seconds-of-css

    16,021عرض على GitHub↗

    Short CSS code snippets for all your development needs

    Provides a pure CSS toggle switch styled from a checkbox input.

    CSScsscss-snippetseducation
    عرض على GitHub↗16,021
  • designmodo/flat-uiالصورة الرمزية لـ designmodo

    designmodo/Flat-UI

    15,213عرض على GitHub↗

    Flat-UI is a collection of responsive UI toolkits and CSS libraries used to build websites and interactive web components with a flat design aesthetic. It provides a responsive frontend toolkit and a web component library based on the Bootstrap framework to create adaptive layouts. The library focuses on implementing a consistent flat design through predefined hex color palettes and typography styles. It replaces standard browser elements with customized visual styles to remove skeuomorphic depth. The toolkit covers a broad range of interface capabilities, including customized form elements

    Provides binary toggle switches with customizable colors, shapes, and handler icons.

    JavaScript
    عرض على GitHub↗15,213
  • angular-ui/bootstrapالصورة الرمزية لـ angular-ui

    angular-ui/bootstrap

    14,206عرض على GitHub↗

    This project is a collection of native directives designed to implement the Bootstrap component framework within Angular applications. It provides a suite of modular interface elements that allow developers to build interactive web components without requiring external JavaScript dependencies. The library distinguishes itself by using a dependency-free logic layer that relies entirely on native framework primitives. It features a specialized service-based positioning engine to manage the placement of floating overlays and an event-driven system to coordinate the lifecycle of complex UI elemen

    Provides interactive checkbox controls that bind to application models for managing boolean input states.

    JavaScript
    عرض على GitHub↗14,206
  • rivo/tviewالصورة الرمزية لـ rivo

    rivo/tview

    13,928عرض على GitHub↗

    tview is a library for building interactive text-based user interfaces in Go. It functions as a toolkit for managing event loops, user input, and screen rendering, providing a framework of pre-built widgets and an integrated layout engine for creating command-line applications. The project distinguishes itself through a comprehensive layout system that uses grid and flexbox models to create responsive designs. It also supports UI layer stacking to manage multiple screens and modal overlays. The framework includes a diverse suite of interactive components for data display, such as tables and

    Provides a collection of form input components combining text fields, selections, and checkboxes.

    Gogolangterminal-baseduser-interface
    عرض على GitHub↗13,928
  • tinacms/tinacmsالصورة الرمزية لـ tinacms

    tinacms/tinacms

    13,150عرض على GitHub↗

    TinaCMS is a headless content management framework that bridges local Git-based file storage with a visual, in-context editing interface. By treating your repository as the single source of truth, it enables developers to manage content as structured data files while providing editors with a browser-based dashboard to modify website content directly within a live preview. The framework distinguishes itself by transforming local files into a unified GraphQL API, which powers both the administrative interface and the application's data retrieval layer. This architecture allows for compile-time

    Provides binary toggle switches for editors to manage visibility or status flags within content files.

    TypeScriptcmscontent-management-systemforestry
    عرض على GitHub↗13,150
  • selectize/selectize.jsالصورة الرمزية لـ selectize

    selectize/selectize.js

    13,022عرض على 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

    Allows for the creation of specialized input behaviors and visual overrides through a plugin system.

    SCSS
    عرض على GitHub↗13,022
  • coreui/coreui-free-bootstrap-admin-templateالصورة الرمزية لـ coreui

    coreui/coreui-free-bootstrap-admin-template

    12,220عرض على GitHub↗

    CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for constructing back-office interfaces. It provides a library of UI components with native wrappers for React, Vue, and Angular applications, alongside a Sass-based theming system for managing brand colors, dark mode, and design tokens via variables and CSS custom properties. The template includes a set of advanced form controls such as autocomplete, date pickers, and multi-step wizards with built-in validation, and supports switching the entire interface between built-in dark and li

    Provides styled checkbox inputs for selecting one or more options from a set.

    HTMLadminadmin-dashboardadmin-panel
    عرض على GitHub↗12,220
  • markmead/hyperuiالصورة الرمزية لـ markmead

    markmead/hyperui

    12,137عرض على GitHub↗

    HyperUI is a dependency-free collection of responsive HTML layouts and pre-styled components designed for various web domains. It functions as a Tailwind CSS component library where users integrate standalone HTML snippets via a copy-paste distribution model to avoid package installation and framework overhead. The library features one-click markup copying from a pre-built component gallery. It includes specialized design systems, such as high-contrast neobrutalist styling with heavy borders, and visual tools for generating dark mode color palettes and harmonic typography scales. The compone

    Includes styled checkbox input components with labels for use in forms and settings.

    HTMLaccessibilitycomponentscss
    عرض على GitHub↗12,137
  • longbridge/gpui-componentالصورة الرمزية لـ longbridge

    longbridge/gpui-component

    11,793عرض على GitHub↗

    gpui-component is a native desktop UI kit and component library built for the GPUI framework. It provides a collection of reusable user interface elements, a desktop layout engine for organizing application space, and a specialized data visualization library for rendering quantitative information. The project is distinguished by its high-performance rendering systems, including a virtualized data grid and list system designed to handle large datasets with low memory overhead. It also features a comprehensive data visualization toolkit for rendering charts, axes, and coordinate scales using li

    Implements toggleable binary checkbox inputs with labels and size variations.

    Rustdesktop-applicationgpuirust
    عرض على GitHub↗11,793
السابق1234…5التالي
  1. Home
  2. User Interface & Experience
  3. Form Input Components

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

  • Automatic InitializersLogic that automatically detects and activates UI components upon their addition to the DOM. **Distinct from Form Input Components:** Focuses on the automatic detection and initialization process rather than the component's binary state logic.
  • Checkbox Inputs5 وسوم فرعيةInput components providing binary state toggles for boolean values or multiple-item selection. **Distinct from Form Input Components:** More specific than general form input components, focusing on checkboxes specifically.
  • Combo Box Inputs1 وسم فرعيForm components that combine a text input with a selectable list for custom or predefined values. **Distinct from Form Input Components:** Distinct from Form Input Components: specifically describes the hybrid nature of the combo box (selection + text entry).
  • Customizable InputsForm components that allow deep visual and behavioral overrides for brand-specific styling. **Distinct from Form Input Components:** Focuses on aesthetic and behavioral customization of inputs, whereas Form Input Components focuses on generic input types.
  • Input Capture MechanismsMethods for collecting data from fields using controlled components and event handlers. **Distinct from Form Input Components:** Focuses on the mechanism of capturing data from the DOM into state, rather than the UI component itself.
  • Input ExtensionsAdditional UI elements like buttons or text appended to the sides of an input field. **Distinct from Form Input Components:** Focuses on additive UI elements (addons) rather than the core input component or dynamic visibility.
  • Toggle Switches1 وسم فرعيUI components for capturing binary true or false states. **Distinct from Form Input Components:** Distinct from Form Input Components: focuses specifically on toggle-style boolean inputs.