15 Repos
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 ist eine Headless-UI-Zustandsmaschinenbibliothek, die ungestylte Komponentenlogik bereitstellt, um konsistentes Verhalten über verschiedene Rendering-Engines hinweg sicherzustellen. Sie fungiert als Toolkit zur Modellierung komplexer User-Interface-Interaktionen unter Verwendung von Statecharts und entkoppelt die zugrunde liegende Logik und Accessibility-Attribute vom visuellen Styling. Die Bibliothek ist framework-agnostisch und nutzt spezialisierte Adapter, um ihre Zustandsmaschinenlogik mit verschiedenen JavaScript-Bibliotheken wie React, Solid, Vue und Svelte zu verbinden. Dieser Ansatz ermöglicht es Entwicklern, ein einheitliches Interaktionsmodell beizubehalten, während sie jede CSS- oder Styling-Lösung durch zustandsgesteuerte Datenattribute anwenden können. Zag deckt ein breites Spektrum an funktionalen Bereichen ab, einschließlich umfassendem Accessibility-Management für Tastaturnavigation und ARIA-Attribute sowie eine riesige Sammlung interaktiver Primitiven. Dazu gehören Input-Controls, Navigationselemente wie Menüs und Tabs, Overlay-Komponenten wie Dialoge und Popovers sowie komplexe Medienhandhabung für Bildzuschnitt und Signaturerfassung. Es bietet zudem Utilities für hierarchisches Datenmanagement, asynchrone Listenbehandlung und ein System zur Konstruktion geführter Produkttouren.
Provides a toggle button with a binary pressed state, comprehensive keyboard interactions, and ARIA attributes.
XUI ist ein natives Android-UI-Framework und eine Komponentenbibliothek für den Aufbau von Anwendungsoberflächen. Es bietet eine umfassende Suite nativer Layouts, Eingabefelder und Navigationselemente, unterstützt durch ein gestuftes Theme-Management-System zur Definition globaler visueller Attribute und responsiver Styles. Das Framework zeichnet sich durch einen spezialisierten Satz benutzerdefinierter Views und Interaktions-Toolkits aus, einschließlich hochperformanter Kalender, Datenvisualisierungs-Rendering und einer Vielzahl stilisierter Buttons mit integrierten Timern und visuellen Effekten. Es enthält zudem integrierte Medienverarbeitungsfunktionen wie Barcode- und QR-Code-Scanning, benutzerdefinierte QR-Generierung und eine Schnittstelle zum Zuschneiden von Bildern. Das Projekt deckt ein breites Spektrum an UI- und UX-Funktionen ab, einschließlich diverser Dateneingabekomponenten, Floating-Window-Primitiven und einer Vielzahl von Feedback-Indikatoren wie Snackbars und Fortschrittsanzeigen. Es bietet zudem Layout-Templating, Typografie-Konfiguration und Animationssysteme zur Verwaltung von View-Übergängen und interaktivem Feedback.
Includes buttons that switch between different icon states with integrated transition animations.
NavigationTabBar ist eine SwiftUI-Navigationskomponente für iOS-Anwendungen, die ein unteres Menü für den Wechsel zwischen primären Anwendungsbereichen bereitstellt. Sie fungiert als animiertes UI-Element, das Skalierungs- und Bewegungseffekte nutzt, um während der Navigation visuelles Feedback zu geben. Die Komponente enthält integrierte Benachrichtigungs-Badge-Elemente, die ausstehende Anzahlen oder Status-Updates auf einzelnen Menüpunkten anzeigen. Sie verfügt zudem über einen Synchronisierungsmechanismus, der den aktiven Tab-Zustand mit einem wischbaren Inhaltsbereich verknüpft, um sicherzustellen, dass die Navigationsleiste mit der sichtbaren Seite ausgerichtet bleibt. Das System verwaltet Tab-Übergänge durch anpassbare Timing- und Animations-Mappings für Auswahlindikatoren. Diese Funktionen koordinieren die visuellen Updates und Seitenübergänge über die Navigationsschnittstelle hinweg.
Manages the active index state to coordinate visual updates and page transitions across the navigation interface.
Mixitup ist eine abhängigkeitsfreie DOM-Element-Animationsbibliothek und Grid-Layout-Engine. Sie dient als clientseitiger Inhaltsfilter und datengesteuerter UI-Controller, der darauf ausgelegt ist, den reibungslosen visuellen Übergang von HTML-Elementen während Einfüge-, Entfernungs- und Sortieroperationen zu verwalten. Das System ist auf die Erstellung interaktiver Galerie-Schnittstellen und dynamischer Inhaltsfilterung spezialisiert. Es ermöglicht die Reorganisation von Elementen unter Verwendung benutzerdefinierter Attribute oder zufälliger Sequenzen, während die Anordnung und Sichtbarkeit von Schnittstellenelementen mit einem zugrunde liegenden Datenmodell synchronisiert wird. Über die Filterung und Sortierung hinaus deckt die Bibliothek das DOM-Element-Management ab, einschließlich des dynamischen Einfügens und Entfernens von Zielen. Sie bietet Funktionen zum Animieren von Container-Größenänderungen, zum Definieren benutzerdefinierter Animationseffekte und zur Verwendung nicht-linearer Stagger-Effekte für das Erscheinen von Elementen.
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.