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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
| Dépôt | Stars | Langage | Licence | Dernier push |
|---|---|---|---|---|
| kyleduo/switchbutton | 4.7K | Java | — | |
| bttstrp/bootstrap-switch | 5K | Pug | MIT | |
| shoelace-style/shoelace | 13.9K | TypeScript | MIT | |
| radix-ui/primitives | 18.6K | TypeScript | mit | |
| gluestack/gluestack-ui | 4.9K | TypeScript | — | |
| buefy/buefy | 9.5K | Vue | MIT | |
| carbon-design-system/carbon | 9.2K | TypeScript | Apache-2.0 | |
| mui/material-ui | 98.5K | JavaScript | MIT | |
| ekmas/neobrutalism-components | 5K | TypeScript | mit | |
| saadeghi/daisyui | 41.1K | Svelte | MIT |