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

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

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

32 مستودعات

Awesome GitHub RepositoriesForm Components

Reusable UI elements for data entry and user interaction.

Distinguishing note: Focuses on the implementation of interactive form controls.

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

Awesome Form Components GitHub Repositories

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

    twbs/bootstrap

    174,380عرض على GitHub↗

    Bootstrap is a comprehensive, mobile-first CSS framework designed for building responsive web interfaces. It provides a standardized library of reusable UI components, such as navigation bars, modals, and forms, alongside a robust grid system that ensures consistent layout alignment across diverse viewport sizes. By establishing a baseline through browser normalization and standardized typography, the project enables developers to create accessible, cross-browser compatible web applications. The framework distinguishes itself through a modular Sass-based architecture that allows for deep cust

    Replaces native checkbox and radio inputs with accessible, custom-styled alternatives that maintain consistent state behavior.

    MDXbootstrapcsscss-framework
    عرض على GitHub↗174,380
  • 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 structured and user-friendly form components to collect user information effectively.

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

    saadeghi/daisyui

    41,125عرض على GitHub↗

    This project is a utility-first component library that provides a comprehensive suite of pre-styled, reusable interface elements. It functions as a build-time engine that generates design-system-compliant styles by mapping semantic tokens to standard HTML elements and utility classes. By compiling all component styles into static CSS at build time, the library eliminates the need for client-side style calculation, ensuring efficient performance. The library distinguishes itself through a configuration-driven architecture that manages color palettes and visual styles, enabling dynamic switchin

    Implements accessible and visually consistent form controls, validation states, and input fields to streamline user data collection.

    Sveltecomponentcomponent-librarycomponents
    عرض على GitHub↗41,125
  • 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

    Constructs range-based slider input components for value selection.

    PHPadminalpine-jsbuilder
    عرض على GitHub↗31,215
  • mdbootstrap/mdb-ui-kitالصورة الرمزية لـ mdbootstrap

    mdbootstrap/mdb-ui-kit

    24,256عرض على GitHub↗

    The mdb-ui-kit is a frontend component library and visual extension that combines the Bootstrap 5 framework with Material Design principles. It provides a collection of pre-styled interface elements and responsive web templates to facilitate the development of consistent web applications. The toolkit extends the Bootstrap ecosystem by adding Material Design aesthetics and advanced styling options. It enables rapid prototyping through the use of pre-configured design blocks and provides mechanisms for deep visual customization via SCSS variables and native CSS custom properties, including supp

    Implements layout patterns that align form labels and input controls side-by-side with responsive stacking for mobile.

    SCSSbootstrapbootstrap-materialbootstrap-template
    عرض على GitHub↗24,256
  • crystal-lang/crystalالصورة الرمزية لـ crystal-lang

    crystal-lang/crystal

    20,299عرض على GitHub↗

    Crystal is a statically typed, compiled programming language designed for high performance and memory safety. It leverages an LLVM-based compiler to translate source code into optimized machine-executable binaries, while its type-inference-based static analysis enforces strict safety rules during the build process. The language distinguishes itself through a fiber-based concurrent runtime that manages lightweight execution units for asynchronous input and output without blocking the main process. It also features a powerful compile-time macro system that allows for the inspection and transfor

    Constructs regular expression patterns using dedicated literal syntax for string matching.

    Crystalcompilercrystalcrystal-language
    عرض على GitHub↗20,299
  • getgrav/gravالصورة الرمزية لـ getgrav

    getgrav/grav

    15,395عرض على GitHub↗

    Grav is a flat-file content management system that eliminates the need for a traditional database by storing site content and configuration in human-readable Markdown and YAML files. Built as a modular PHP web framework, it uses a hierarchical page routing system where the physical directory structure directly determines the site's URL paths. The platform is distinguished by its event-driven plugin architecture and a command-line interface that prioritizes system administration, deployment, and maintenance tasks. It utilizes a blueprint-driven system to generate administrative forms from stru

    Embeds reusable partial form definitions to maintain consistent UI elements across forms.

    PHPcmscontentcontent-management
    عرض على GitHub↗15,395
  • rstacruz/cheatsheetsالصورة الرمزية لـ rstacruz

    rstacruz/cheatsheets

    14,429عرض على GitHub↗

    This project is a comprehensive collection of web development reference guides and technical cheat sheets. It provides a curated set of markdown-based documentation designed to help developers quickly locate syntax patterns and API examples for common web technologies and programming languages. The repository serves as a specialized reference library covering several distinct technical domains. It includes extensive guides for CSS, focusing on selectors, Flexbox, Grid, and responsive layout properties, as well as a DevOps command reference for Docker, Kubernetes, AWS, Ansible, and general she

    Demonstrates how to group form controls with addons for a cohesive visual interface.

    SCSS
    عرض على GitHub↗14,429
  • 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 binary toggle inputs for boolean state management.

    JavaScript
    عرض على GitHub↗14,206
  • 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

    Wraps text inputs and labels so the label floats above the field when the user types.

    HTMLadminadmin-dashboardadmin-panel
    عرض على GitHub↗12,220
  • 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

    Provides a draggable slider for selecting numeric values or ranges.

    Rustdesktop-applicationgpuirust
    عرض على GitHub↗11,793
  • picturepan2/spectreالصورة الرمزية لـ picturepan2

    picturepan2/spectre

    11,317عرض على GitHub↗

    Spectre is a comprehensive CSS framework and UI utility toolkit designed for building responsive web interfaces. It functions as a CSS component library that provides pre-styled interface elements and helper classes to facilitate frontend UI development. The framework is distinguished by a pure-CSS component architecture that avoids dependence on external JavaScript runtimes. It utilizes a SASS-based build pipeline that supports class prefixing, stylesheet pruning, and a variable-based theme system for creating custom design systems. The project covers a wide range of layout and interface ca

    Arranges form elements in single inline rows or horizontal grids with responsive column widths.

    CSS
    عرض على GitHub↗11,317
  • 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

    Bundles input fields with adjacent buttons or icons into unified visual units.

    TypeScriptnextjsradix-uireact
    عرض على GitHub↗10,125
  • snapappointments/bootstrap-selectالصورة الرمزية لـ snapappointments

    snapappointments/bootstrap-select

    9,826عرض على GitHub↗

    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

    Transforms standard HTML select elements into polished, modern components using Bootstrap and jQuery.

    JavaScriptbootstrapdropdownjavascript
    عرض على GitHub↗9,826
  • 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

    Organizes individual controls like checkboxes or radio buttons with shared labels and descriptions within a field.

    TypeScriptaccessibilitydesign-systemreact
    عرض على GitHub↗8,711
  • any86/any-ruleالصورة الرمزية لـ any86

    any86/any-rule

    8,662عرض على GitHub↗

    Any-rule is a multi-platform regular expression tool that provides a curated catalog of over 70 ready-to-use patterns for validating and extracting common data formats. The project separates its static regex collection from editor-specific plugins, allowing the same pattern library to be accessed through VS Code, IntelliJ IDEA, Alfred Workflow, and a web interface. The tool enables keyword-based pattern retrieval, letting users search for the correct regex by typing descriptive terms rather than remembering exact syntax. It covers a broad range of validation needs including email addresses, U

    Defines every regex as a hardcoded string literal rather than generating patterns at runtime.

    TypeScriptawsomeexpressregex
    عرض على GitHub↗8,662
  • primefaces/primereactالصورة الرمزية لـ primefaces

    primefaces/primereact

    8,323عرض على 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

    Implements input labels that dynamically shift position when a field gains focus or contains text.

    CSS
    عرض على GitHub↗8,323
  • 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

    Bundles input fields with adjacent text, buttons, or icons for unified form layouts.

    TypeScriptbits-uishadcn-svelteshadcn-ui
    عرض على GitHub↗8,341
  • grouper/flatuikitالصورة الرمزية لـ Grouper

    Grouper/FlatUIKit

    7,742عرض على GitHub↗

    FlatUIKit هو إطار عمل تصميم مسطح ومكتبة مكونات لـ iOS. يوفر مجموعة من عناصر الواجهة القابلة لإعادة الاستخدام وأدوات التصميم لتنفيذ جمالية بسيطة عبر تطبيقات الهاتف المحمول الأصلية. تستبدل المجموعة عناصر تحكم iOS القياسية بمجموعة من المكونات مسبقة التصميم، بما في ذلك الأزرار، وحقول النصوص، وعناصر التحكم المجزأة. تستخدم لوحة ألوان مسطحة محددة مسبقاً، وتكامل خطوط مخصصة، ومجموعة أيقونات مخصصة لضمان هوية مرئية متماسكة. يغطي إطار العمل مجموعة واسعة من عناصر واجهة المستخدم، بما في ذلك عناصر التحكم في الإدخال القابلة للتخصيص، وخلايا الجدول، ومكونات التنقل مثل أشرطة التنقل والنوافذ المنبثقة على iPad. يوظف امتدادات الفئات واستبدالات المكونات الجاهزة لتعديل مظهر العناصر الأصلية مع الحفاظ على توقيعات API القياسية.

    Replaces standard iOS input controls like sliders and switches with flat-styled custom alternatives.

    Objective-C
    عرض على GitHub↗7,742
  • jverdi/jvfloatlabeledtextfieldالصورة الرمزية لـ jverdi

    jverdi/JVFloatLabeledTextField

    7,150عرض على GitHub↗

    JVFloatLabeledTextField is a reusable UIKit component for iOS that provides a text input field with a floating label. It animates the placeholder text into a hovering label when the field is focused or contains text, maintaining visual context for the user during data entry. This library functions as a programmable interface element for native applications developed with Swift and Objective-C, specifically designed to implement modern mobile form design patterns. The component manages these interactions through a combination of state-driven label transitions and constraint-based layout anima

    Implements input labels that transition to a floating position upon user interaction.

    Objective-C
    عرض على GitHub↗7,150
السابق12التالي
  1. Home
  2. User Interface & Experience
  3. Form Components

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

  • Custom Form ControlsStyled replacements for native browser form inputs that maintain accessibility.
  • Floating Labels5 وسوم فرعيةInput labels that transition to a floating position upon user interaction.
  • Form Layout UtilitiesCSS classes and structural patterns for aligning, sizing, and positioning form elements like labels and inputs.
  • Horizontal Form LayoutsLayout patterns that align form labels and input controls side-by-side using grid systems.
  • Input Groups1 وسم فرعيComponents that bundle input fields with adjacent text, buttons, or icons for unified form layouts.
  • Payment FormsUser interfaces specifically designed for financial transactions and payment method collection. **Distinct from Form Components:** Distinct from Form Components: focuses specifically on checkout and payment flows rather than general data entry.
  • Range Inputs2 وسوم فرعيةCustom-styled numeric slider components for selecting values within a defined range.
  • Runtime Object AccessorsMechanisms to programmatically retrieve and manipulate specific UI component properties during application execution. **Distinct from Form Components:** Distinct from Form Components: focuses on the runtime programmatic access to those components via identifiers rather than the UI implementation.
  • Selection SwitchesBinary toggle inputs for boolean state management.