awesome-repositories.com
博客
MCP
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目MCP 服务器关于排名机制媒体报道
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

Boolean input components

排名更新于 2026年7月28日

For boolean input components, the strongest matches are kyleduo/switchbutton (This repository provides a customizable toggle switch widget for), bttstrp/bootstrap-switch (Bootstrap-switch transforms standard HTML checkboxes into toggle switches with) and shoelace-style/shoelace (Shoelace is a comprehensive web component library that provides). radix-ui/primitives and gluestack/gluestack-ui round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.

Hand-picked open-source boolean input components for web apps, ranked by stars and activity. Compare the top alternatives and find the right fit.

Boolean input components

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • kyleduo/switchbuttonkyleduo 的头像

    kyleduo/SwitchButton

    4,746在 GitHub 上查看↗

    SwitchButton is a customizable toggle switch widget for creating animated on and off switches with configurable labels and colors. It serves as an interactive form input that allows users to switch between two opposing options using a state-driven component. The widget is designed to be gesture-aware, capturing horizontal swipe movements to trigger state changes while allowing vertical scroll events to pass through to the parent container. The component supports the definition of custom colors, dimensions, and corner radii for both the toggle thumb and background track. It includes capabilit

    This repository provides a customizable toggle switch widget for Android with animations and form integration, making it a fitting reusable boolean input component despite its platform-specific scope.

    JavaSwitch WidgetsToggle Switches
    在 GitHub 上查看↗4,746
  • bttstrp/bootstrap-switchBttstrp 的头像

    Bttstrp/bootstrap-switch

    5,041在 GitHub 上查看↗

    Bootstrap-switch is a jQuery plugin that transforms standard HTML checkboxes and radio buttons into visual toggle switches. It serves as a form input switch that provides a sliding toggle interaction as a replacement for traditional binary input elements. This component is designed specifically for Bootstrap interfaces, allowing for the customization of web pages that follow the Bootstrap CSS framework design system. It enhances web forms by converting basic input elements into interactive switches to improve the visual clarity of binary settings and preferences.

    Bootstrap-switch transforms standard HTML checkboxes into toggle switches with form integration and visual styling, though it requires jQuery and targets older Bootstrap versions.

    PugToggle Switches
    在 GitHub 上查看↗5,041
  • shoelace-style/shoelaceshoelace-style 的头像

    shoelace-style/shoelace

    13,860在 GitHub 上查看↗

    Shoelace is a web component UI library consisting of a suite of accessible, framework-agnostic user interface elements. It provides a collection of custom element components and reusable HTML tags that encapsulate style and behavior to work across any JavaScript framework or plain HTML pages. The system is designed as a themable UI component system, utilizing CSS variables to manage visual themes and dark mode support. This allows for the implementation of custom design systems and a consistent visual language across web environments. The library covers broader capabilities in accessible int

    Shoelace is a comprehensive web component library that provides accessible custom elements including switch and toggle controls, though it is a general-purpose UI suite rather than a dedicated boolean input tool.

    TypeScriptAccessibilityTheme Style Customizations
    在 GitHub 上查看↗13,860
  • radix-ui/primitivesradix-ui 的头像

    radix-ui/primitives

    18,642在 GitHub 上查看↗

    Primitives is a library of unstyled, accessible building blocks designed for creating complex interface elements in React. It functions as a headless component framework, providing the underlying logic, state management, and accessibility compliance while leaving all visual styling and design decisions entirely to the developer. The library distinguishes itself through a composition-based architecture that allows developers to build interactive interfaces by nesting small, single-purpose components. This system automatically handles complex requirements such as WAI-ARIA attribute injection, f

    This repository provides unstyled, accessible UI building blocks including switch primitives that form a solid foundation for boolean inputs, though you will need to add your own styling and animations.

    TypeScriptAccessible UI Components
    在 GitHub 上查看↗18,642
  • gluestack/gluestack-uigluestack 的头像

    gluestack/gluestack-ui

    4,931在 GitHub 上查看↗

    gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve

    gluestack/gluestack-ui is a full React and React Native component library that provides accessible, customizable UI building blocks including switches and toggles for form integration, though it is a comprehensive library rather than a single standalone switch component.

    TypeScriptToggle SwitchesAccessible UI ComponentsAccessible
    在 GitHub 上查看↗4,931
  • buefy/buefybuefy 的头像

    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

    Buefy is a UI component library for Vue.js built on Bulma that includes form components and switch controls, making it a solid fit for building boolean inputs alongside wider interface elements.

    VueToggle SwitchesTheme Style Customizations
    在 GitHub 上查看↗9,531
  • carbon-design-system/carboncarbon-design-system 的头像

    carbon-design-system/carbon

    9,172在 GitHub 上查看↗

    Carbon is an enterprise design system that provides a comprehensive collection of reusable UI components, design tokens, and guidelines for building professional web applications. It functions as a CSS framework that enforces a unified design language across projects through standardized typography, spacing, and color palettes. The system utilizes a platform-agnostic design token system to maintain visual consistency across different technologies. This includes centralized management of brand colors, motion easing curves, and a curated library of accessible SVG icons. The framework covers a

    Carbon is an enterprise-wide design system that includes reusable switch and toggle components alongside many other standard UI elements, making it a comprehensive choice for building consistent interfaces.

    TypeScriptToggle Switches
    在 GitHub 上查看↗9,172
  • mui/material-uimui 的头像

    mui/material-ui

    98,459在 GitHub 上查看↗

    Material UI is a comprehensive component-based library designed to accelerate the construction of professional, accessible web interfaces. It provides a centralized design system framework that manages visual tokens, typography, and color palettes to ensure consistent branding and layout constraints across complex application architectures. By encapsulating behavioral and accessibility logic within modular primitives, the library enables developers to build inclusive user experiences that adhere to rigorous design standards. The project distinguishes itself through a zero-runtime styling engi

    Material UI provides fully accessible, customizable switch and toggle components with form integration out of the box, making it a comprehensive UI framework for boolean inputs despite its broader component scope.

    JavaScriptComponent Style Overrides
    在 GitHub 上查看↗98,459
  • ekmas/neobrutalism-componentsekmas 的头像

    ekmas/neobrutalism-components

    4,956在 GitHub 上查看↗

    This project is a neobrutalist UI component library and accessible design system for React. It provides a collection of high-contrast web elements characterized by bold colors, thick borders, and a raw aesthetic. The library distinguishes itself by combining a data visualization toolkit—featuring styled charts and responsive tables—with a comprehensive set of interactive components. It balances this specific visual style with accessibility standards for keyboard navigation and screen readers. The component surface covers a wide range of functional areas, including complex form controls with

    This is a React UI component library that provides accessible design elements, which can serve as a building block for boolean input controls despite lacking a dedicated switch component out of the box.

    TypeScriptToggle Switches
    在 GitHub 上查看↗4,956
  • saadeghi/daisyuisaadeghi 的头像

    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

    DaisyUI is a comprehensive utility-first UI component library that provides reusable switch, toggle, and checkbox elements with form integration and customizable styling, though it lacks dedicated accessibility features and built-in animation controls.

    SvelteToggle Switches
    在 GitHub 上查看↗41,125
  • lusaxweb/vuesaxlusaxweb 的头像

    lusaxweb/vuesax

    5,596在 GitHub 上查看↗

    Vuesax is a frontend framework and UI component library for Vue.js applications. It provides a customizable design system and a set of pre-styled user interface elements designed to accelerate the development of web interfaces. The project is distinguished by a themeable visual toolkit that supports dynamic color updates and server-side style customization to maintain brand identity. It also features a specialized data table component with built-in support for inline cell editing and server-side processing for pagination, filtering, and sorting. The library covers a broad surface of UI capab

    Vuesax is a Vue.js UI component library that provides toggle switches and other input controls for building web interfaces, though it functions as a broader framework rather than a dedicated boolean input library.

    VueComponent-Based UI LibrariesBrand Theme ApplicatorsCSS Variable Theming
    在 GitHub 上查看↗5,596
  • cosscom/cosscosscom 的头像

    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

    Coss is an accessible UI component library for web interfaces that includes form primitives and selection controls, matching the need for reusable UI components although it is not exclusively focused on boolean switches.

    TypeScriptToggle Switches
    在 GitHub 上查看↗10,125
  • mantinedev/mantinemantinedev 的头像

    mantinedev/mantine

    31,263在 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 is a comprehensive React component library that includes accessible switch, checkbox, and toggle controls with built-in form integration and styling options, though it is a full UI framework rather than a dedicated boolean-only package.

    TypeScriptToggle Switches
    在 GitHub 上查看↗31,263
  • taiga-family/taiga-uitaiga-family 的头像

    taiga-family/taiga-ui

    4,002在 GitHub 上查看↗

    Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces. It provides a comprehensive collection of reusable interface elements and layout tools, functioning as a mobile-first UI kit with responsive components that adapt to different device capabilities. The library distinguishes itself through an integrated data visualization library featuring various chart types and a dedicated form management framework with built-in validation and formatting for specialized data. It also features AI-driven development workflows by integrating comp

    Taiga UI is an Angular component library that provides accessible form controls and UI elements, making it a suitable choice for implementing toggles and switches within enterprise interfaces.

    TypeScriptToggle Switches
    在 GitHub 上查看↗4,002
  • shadcn-ui/uishadcn-ui 的头像

    shadcn-ui/ui

    116,724在 GitHub 上查看↗

    shadcn/ui offers a collection of React UI components and a CLI-driven registry system for direct source code integration.

    This repository provides a collection of customizable React UI components—including switches and toggles built on accessible primitives like Radix—that you can copy directly into your project for form integration and styling.

    TypeScriptData TablesAssistant Skill IntegrationsButton Groups
    在 GitHub 上查看↗116,724
  • drgullin/icheckdrgullin 的头像

    drgullin/icheck

    7,300在 GitHub 上查看↗

    iCheck is a custom form input library that replaces native checkboxes and radio buttons with customizable visual wrappers. It ensures a uniform visual experience across different browsers by masking native form elements and rendering custom HTML structures. The project provides a common interface that functions across both jQuery and Zepto. It includes a dynamic styler that detects and applies custom styles to form elements added to a page after the initial load. The library incorporates an accessibility layer that injects ARIA attributes and keyboard event listeners to ensure custom inputs

    This jQuery and Zepto plugin replaces native checkboxes and radio buttons with custom-styled form controls, directly addressing the need for boolean input UI components and switches.

    CSSForm Input ComponentsAccessible Form ControlsCross-Browser UI Components
    在 GitHub 上查看↗7,300
  • heroui-inc/herouiheroui-inc 的头像

    heroui-inc/heroui

    29,684在 GitHub 上查看↗

    HeroUI is a declarative toolkit for building accessible user interfaces through modular, React-based component composition. It provides a comprehensive set of reusable building blocks designed to standardize visual language and interaction patterns across web and mobile applications. The library distinguishes itself through an integrated approach to accessibility and styling. It automatically manages state and keyboard interactions by injecting appropriate attributes, while utilizing a utility-driven styling architecture to enforce design system consistency. Developers can leverage polymorphi

    HeroUI is a comprehensive React component library providing accessible UI building blocks including switch and toggle controls, though it offers a full suite of components rather than focusing solely on boolean inputs.

    MDXComponent LibrariesAccessible Component LibrariesDeclarative UI Toolkits
    在 GitHub 上查看↗29,684
  • palantir/blueprintpalantir 的头像

    palantir/blueprint

    21,836在 GitHub 上查看↗

    Blueprint is a React UI component library and web design system focused on accessibility and the creation of data-dense interfaces. It provides a standardized framework of visual styles and reusable interface elements for building professional desktop applications. The toolkit is specifically optimized for displaying complex information and large datasets, featuring high-performance interactive data grids for rendering and manipulating data. The library covers a broad range of capability areas, including the construction of form inputs, navigation systems, and content layout management. It a

    Blueprint is a comprehensive React UI component library that provides form inputs like switches and checkboxes alongside accessibility support, though it is designed as a broad design system rather than solely a boolean input package.

    TypeScriptReact ComponentsUser Interface ComponentsAccessible UI Frameworks
    在 GitHub 上查看↗21,836
  • markusenglund/react-switchmarkusenglund 的头像

    markusenglund/react-switch

    1,340在 GitHub 上查看↗

    React Switch is an interactive form input element for capturing binary boolean choices in web applications. It functions as a reusable toggle switch component designed to assemble accessible layouts. The component supports custom styling, embedded icons, and smooth dragging interactions across both mouse and touch screen gestures. Developers can customize dimensions, colors, shadows, border radius, and active states. It also includes options to restrict user interaction and visually dim the presentation.

    This repository provides a draggable toggle-switch component for React that functions directly as a boolean input control for user interfaces, though it lacks some advanced features like extensive built-in animation effects or deep form library integration.

    JavaScriptToggle Switches
    在 GitHub 上查看↗1,340
  • keenthemes/reuikeenthemes 的头像

    keenthemes/reui

    2,568在 GitHub 上查看↗

    Reui is a React UI component library and front-end framework distributed under the MIT license. It provides a collection of reusable, pre-built React components for building modern web application interfaces. The library is built on a component-based architecture that uses declarative rendering through JSX, with state management handled by React Hooks. It employs CSS Modules for scoped styling and Tailwind CSS for utility-first styling, while TypeScript provides static type checking across the codebase. The project organizes components using a file-based structure and uses a module bundler bu

    Reui is a general-purpose React UI component library that provides the structural components needed to build toggle and switch controls, though it lacks dedicated boolean-input-specific features in its description.

    TypeScriptReact ComponentsComponent-Based ArchitecturesDeclarative UI Frameworks
    在 GitHub 上查看↗2,568
一览前 10 名对比
仓库Star 数语言许可证最后推送
kyleduo/switchbutton4.7KJava—2023年12月2日
bttstrp/bootstrap-switch5KPugMIT2021年10月5日
shoelace-style/shoelace13.9KTypeScriptMIT2026年5月14日
radix-ui/primitives18.6KTypeScriptmit2026年2月13日
gluestack/gluestack-ui4.9KTypeScript—2026年2月20日
buefy/buefy9.5KVueMIT2026年6月14日
carbon-design-system/carbon9.2KTypeScriptApache-2.02026年6月17日
mui/material-ui98.5KJavaScriptMIT2026年6月22日
ekmas/neobrutalism-components5KTypeScriptmit2025年7月21日
saadeghi/daisyui41.1KSvelteMIT2026年6月15日

Related searches

  • Form input grouping
  • Input form component
  • UI component patterns
  • Inline editing components
  • Dynamic input bindings
  • UI component library
  • 用于构建自定义表单字段的库
  • React 无头 UI 组件原语