15 repositorios
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.