awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

15 repositorios

Awesome GitHub RepositoriesToggle Buttons

Interactive UI elements that switch between two states to trigger actions or update settings.

Distinguishing note: Specifically covers toggleable check-style buttons rather than generic button inputs or radio groups.

Explore 15 awesome GitHub repositories matching user interface & experience · Toggle Buttons. Refine with filters or upvote what's useful.

Awesome Toggle Buttons GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • twbs/bootstrapAvatar de twbs

    twbs/bootstrap

    174,380Ver en 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

    Checkbox and radio inputs transform into interactive, button-like selection controls with optional outlined styling.

    MDXbootstrapcsscss-framework
    Ver en GitHub↗174,380
  • koreader/koreaderAvatar de koreader

    koreader/koreader

    27,275Ver en GitHub↗

    This project is a document-centric e-reader application designed for reading, annotating, and managing digital content across diverse e-ink and mobile hardware platforms. It provides a portable execution runtime and a declarative widget-based toolkit that enables the creation of responsive, hierarchical user interfaces tailored for resource-constrained display environments. The application distinguishes itself through a robust platform-abstraction layer that maps hardware-specific features—such as haptics, screen orientation, and network connectivity—to a unified interface. It utilizes a modu

    The application generates a toggleable button that displays a checkmark when selected to allow users to trigger specific actions.

    Luacbzdjvudjvu-reflow
    Ver en GitHub↗27,275
  • ruanyf/react-demosAvatar de ruanyf

    ruanyf/react-demos

    16,471Ver en GitHub↗

    This project is a collection of practical code samples and demonstrations for building user interfaces with React. It serves as a set of examples illustrating common interface patterns, state management techniques, and the implementation of modular, reusable components. The repository provides specific demonstrations for several core development areas. These include samples for retrieving and rendering asynchronous data from external APIs, managing component lifecycles during mounting and unmounting, and handling internal state to sync form inputs. It also includes guides for direct document

    Includes interactive toggle buttons that switch between two visual states.

    JavaScript
    Ver en GitHub↗16,471
  • longbridge/gpui-componentAvatar de longbridge

    longbridge/gpui-component

    11,793Ver en 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 button-style toggle elements for binary state switching in toolbars.

    Rustdesktop-applicationgpuirust
    Ver en GitHub↗11,793
  • cosscom/cossAvatar de cosscom

    cosscom/coss

    10,125Ver en 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

    Coordinates active selections across button groups to maintain consistent mutually exclusive or multiple-choice states.

    TypeScriptnextjsradix-uireact
    Ver en GitHub↗10,125
  • saulpw/visidataAvatar de saulpw

    saulpw/visidata

    8,834Ver en GitHub↗

    VisiData is a terminal-based interactive data analysis tool and browser designed for exploring, filtering, and sorting large tabular datasets. It functions as a structured data inspector that loads and flattens complex formats like JSON, XML, and PCAP into interactive sheets, as well as a terminal file manager for navigating directories and performing staged filesystem operations. The project distinguishes itself by rendering data visualizations, such as scatter plots and histograms, directly in the terminal using Unicode Braille characters. It provides a Python-based data wrangling environme

    Coordinates selection states between summary tables and source data for synchronized highlighting.

    Pythonclicsvdatajournalism
    Ver en GitHub↗8,834
  • mui/base-uiAvatar de mui

    mui/base-ui

    8,711Ver en 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

    Implements an accessible two-state toggle button for switching between on and off states.

    TypeScriptaccessibilitydesign-systemreact
    Ver en GitHub↗8,711
  • huntabyte/shadcn-svelteAvatar de huntabyte

    huntabyte/shadcn-svelte

    8,341Ver en 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

    Provides toggle buttons that switch between active and inactive states.

    TypeScriptbits-uishadcn-svelteshadcn-ui
    Ver en GitHub↗8,341
  • mgcrea/angular-strapAvatar de mgcrea

    mgcrea/angular-strap

    5,673Ver en GitHub↗

    Angular-strap is a collection of pre-built AngularJS 1.x directives that wrap Bootstrap 3 components into reusable UI widgets and interactive behaviors. It provides native AngularJS 1.2+ directives for common UI patterns including datepickers, popovers, and scroll-based navigation, turning Bootstrap 3 markup into interactive widgets such as tabs, alerts, and side panels. The library wraps Bootstrap 3 jQuery plugins as AngularJS directives using the compile and link phases for DOM manipulation. It offers a set of AngularJS directives implementing Bootstrap 3 UI components like modals, tooltips

    Ships a toggle directive that switches buttons between checked and unchecked states.

    JavaScript
    Ver en GitHub↗5,673
  • chakra-ui/zagAvatar de chakra-ui

    chakra-ui/zag

    5,121Ver en GitHub↗

    Zag es una librería de máquina de estados de UI headless que proporciona lógica de componentes sin estilo para asegurar un comportamiento consistente en diferentes motores de renderizado. Funciona como un kit de herramientas para modelar interacciones complejas de interfaz de usuario usando statecharts, desacoplando la lógica subyacente y los atributos de accesibilidad del estilo visual. La librería es agnóstica al framework, utilizando adaptadores especializados para conectar su lógica de máquina de estados con varias librerías de JavaScript como React, Solid, Vue y Svelte. Este enfoque permite a los desarrolladores mantener un modelo de interacción único mientras aplican cualquier solución CSS o de estilo a través de atributos de datos dirigidos por estado. Zag cubre una amplia gama de áreas funcionales, incluyendo gestión integral de accesibilidad para navegación por teclado y atributos ARIA, así como una vasta colección de primitivas interactivas. Estas incluyen controles de entrada, elementos de navegación como menús y pestañas, componentes de superposición como diálogos y popovers, y manejo complejo de medios para recorte de imágenes y captura de firmas. También proporciona utilidades para la gestión de datos jerárquicos, manejo de listas asíncronas y un sistema para construir tours guiados de productos.

    Provides a toggle button with a binary pressed state, comprehensive keyboard interactions, and ARIA attributes.

    TypeScripta11yaccessibilityagnostic
    Ver en GitHub↗5,121
  • xuexiangjys/xuiAvatar de xuexiangjys

    xuexiangjys/XUI

    5,075Ver en GitHub↗

    XUI es un framework de interfaz de usuario nativo para Android y una biblioteca de componentes diseñada para construir interfaces de aplicaciones. Proporciona un conjunto completo de diseños nativos, campos de entrada y elementos de navegación, respaldado por un sistema de gestión de temas por niveles para definir atributos visuales globales y estilos responsivos. El framework se distingue por un conjunto especializado de vistas personalizadas y kits de herramientas de interacción, incluyendo calendarios de alto rendimiento, renderizado de visualización de datos y una variedad de botones estilizados con temporizadores integrados y efectos visuales. También incluye capacidades integradas de procesamiento de medios, como escaneo de códigos de barras y QR, generación de QR personalizados e interfaz de recorte de imágenes. El proyecto cubre una amplia superficie de capacidades de UI y UX, incluyendo diversos componentes de entrada de datos, primitivas de ventanas flotantes y una amplia gama de indicadores de retroalimentación como snackbars y medidores de progreso. Además, proporciona plantillas de diseño, configuración de tipografía y sistemas de animación para gestionar transiciones de vista y retroalimentación interactiva.

    Includes buttons that switch between different icon states with integrated transition animations.

    Javaandroidandroid-uistyles
    Ver en GitHub↗5,075
  • devlight/navigationtabbarAvatar de Devlight

    Devlight/NavigationTabBar

    4,928Ver en GitHub↗

    NavigationTabBar es un componente de navegación SwiftUI para aplicaciones iOS que proporciona un menú inferior para cambiar entre secciones principales de la aplicación. Funciona como un elemento de interfaz de usuario animado que utiliza efectos de escala y movimiento para proporcionar retroalimentación visual durante la navegación. El componente incluye elementos de insignia de notificación integrados que muestran conteos pendientes o actualizaciones de estado en elementos de menú individuales. También cuenta con un mecanismo de sincronización que vincula el estado de la pestaña activa con un área de contenido de deslizamiento para asegurar que la barra de navegación permanezca alineada con la página visible. El sistema gestiona las transiciones de pestañas a través de mapeo de temporización y animación personalizable para los indicadores de selección. Estas capacidades coordinan las actualizaciones visuales y las transiciones de página a través de la interfaz de navegación.

    Manages the active index state to coordinate visual updates and page transitions across the navigation interface.

    Javaandroidbadgebar
    Ver en GitHub↗4,928
  • patrickkunka/mixitupAvatar de patrickkunka

    patrickkunka/mixitup

    4,543Ver en GitHub↗

    Mixitup es una librería de animación de elementos DOM sin dependencias y motor de layout de rejilla. Sirve como un controlador de UI basado en datos y filtro de contenido del lado del cliente diseñado para gestionar la transición visual suave de elementos HTML durante operaciones de inserción, eliminación y ordenamiento. El sistema se especializa en la creación de interfaces de galería interactivas y filtrado de contenido dinámico. Permite la reorganización de elementos utilizando atributos personalizados o secuencias aleatorias, mientras sincroniza la disposición y visibilidad de los elementos de la interfaz con un modelo de datos subyacente. Más allá del filtrado y ordenamiento, la librería cubre la gestión de elementos DOM, incluyendo la inserción y eliminación dinámica de objetivos. Proporciona capacidades para animar el redimensionamiento de contenedores, definir efectos de animación personalizados y utilizar escalonamientos no lineales para las apariciones de elementos.

    Allows defining whether active toggle buttons behave as an OR filter or an AND filter for combined matches.

    JavaScriptanimationdom-manipulationfilter
    Ver en GitHub↗4,543
  • zhuzichu520/fluentuiAvatar de zhuzichu520

    zhuzichu520/FluentUI

    4,421Ver en GitHub↗

    FluentUI is a component-based UI framework that implements Microsoft's Fluent Design System for building cross-platform desktop applications. It provides a complete set of reusable UI components and styling tools that follow the Fluent Design language, enabling developers to create consistent visual interfaces across different operating systems. The framework includes a custom window frame manager that creates frameless application windows with integrated title bars and standard window controls, styled through CSS variables. It also features a single-page application router that manages view

    Provides toggle buttons that stay pressed after being clicked to indicate an active state.

    C++fluentqmlqt
    Ver en GitHub↗4,421
  • pair-code/litAvatar de PAIR-code

    PAIR-code/lit

    3,636Ver en GitHub↗

    Lit is a machine learning interpretability framework and model debugging tool designed to analyze model behavior and performance. It serves as an interpretability dashboard for large language models and a general performance analyzer for text, image, and tabular datasets. The project distinguishes itself through a comprehensive suite of interpretability tools, including salience map generation for feature attribution, the creation of synthetic and counterfactual examples to test robustness, and the projection of high-dimensional embeddings into visual spaces via UMAP or PCA. It further enable

    Coordinates data highlighting across disparate visual components by broadcasting selection events via a central state coordinator.

    TypeScriptmachine-learningnatural-language-processingvisualization
    Ver en GitHub↗3,636
  1. Home
  2. User Interface & Experience
  3. Toggle Buttons

Explorar subetiquetas

  • Filter Logic ConfigurationsSettings that define the logical relationship (AND/OR) between active filter toggles. **Distinct from Toggle Buttons:** Distinct from Toggle Buttons: focuses on the logical operation of the filter set rather than the UI component itself.
  • Selection State Coordinators1 sub-etiquetaLogic for managing active states across groups of buttons to ensure mutually exclusive or multi-choice selections. **Distinct from Toggle Buttons:** Distinct from Toggle Buttons: focuses on the coordinated state management across a group rather than the individual button component.