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

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

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

15 个仓库

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

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

    twbs/bootstrap

    174,380在 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
    在 GitHub 上查看↗174,380
  • koreader/koreaderkoreader 的头像

    koreader/koreader

    27,275在 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
    在 GitHub 上查看↗27,275
  • ruanyf/react-demosruanyf 的头像

    ruanyf/react-demos

    16,471在 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
    在 GitHub 上查看↗16,471
  • longbridge/gpui-componentlongbridge 的头像

    longbridge/gpui-component

    11,793在 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
    在 GitHub 上查看↗11,793
  • 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

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

    TypeScriptnextjsradix-uireact
    在 GitHub 上查看↗10,125
  • saulpw/visidatasaulpw 的头像

    saulpw/visidata

    8,834在 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
    在 GitHub 上查看↗8,834
  • mui/base-uimui 的头像

    mui/base-ui

    8,711在 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
    在 GitHub 上查看↗8,711
  • huntabyte/shadcn-sveltehuntabyte 的头像

    huntabyte/shadcn-svelte

    8,341在 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
    在 GitHub 上查看↗8,341
  • mgcrea/angular-strapmgcrea 的头像

    mgcrea/angular-strap

    5,673在 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
    在 GitHub 上查看↗5,673
  • chakra-ui/zagchakra-ui 的头像

    chakra-ui/zag

    5,121在 GitHub 上查看↗

    Zag 是一个无头(headless)UI 状态机库,提供无样式的组件逻辑,以确保不同渲染引擎之间的一致行为。它作为一个工具包,利用状态图(statecharts)对复杂的 UI 交互进行建模,将底层逻辑和无障碍属性与视觉样式解耦。 该库与框架无关,利用专门的适配器将其状态机逻辑与 React、Solid、Vue 和 Svelte 等各种 JavaScript 库连接起来。这种方法允许开发者在应用任何 CSS 或样式解决方案时,通过状态驱动的数据属性来维护单一的交互模型。 Zag 涵盖了广泛的功能领域,包括针对键盘导航和 ARIA 属性的全面无障碍管理,以及大量的交互式原语。这些包括输入控件、菜单和标签页等导航元素、对话框和弹出框等覆盖组件,以及用于图像裁剪和签名捕获的复杂媒体处理。它还提供了用于分层数据管理、异步列表处理以及构建引导式产品导览的实用工具。

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

    TypeScripta11yaccessibilityagnostic
    在 GitHub 上查看↗5,121
  • xuexiangjys/xuixuexiangjys 的头像

    xuexiangjys/XUI

    5,075在 GitHub 上查看↗

    XUI 是一个原生的 Android UI 框架和组件库,专为构建应用程序界面而设计。它提供了一套全面的原生布局、输入字段和导航元素,并由用于定义全局视觉属性和响应式样式的分层主题管理系统提供支持。 该框架以其专业的一套自定义视图和交互工具包而著称,包括高性能日历、数据可视化渲染以及各种带有集成计时器和视觉效果的样式化按钮。它还包括集成的媒体处理功能,如条形码和二维码扫描、自定义二维码生成以及图像裁剪界面。 该项目涵盖了广泛的 UI 和 UX 能力,包括多样化的数据输入组件、浮动窗口原语以及各种反馈指示器(如 snackbars 和进度条)。它还提供布局模板、排版配置以及用于管理视图转换和交互反馈的动画系统。

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

    Javaandroidandroid-uistyles
    在 GitHub 上查看↗5,075
  • devlight/navigationtabbarDevlight 的头像

    Devlight/NavigationTabBar

    4,928在 GitHub 上查看↗

    NavigationTabBar 是一个 SwiftUI 导航组件,用于 iOS 应用,提供了一个用于在主要应用部分之间切换的底部菜单。它作为一个动画 UI 元素,使用缩放和移动效果在导航期间提供视觉反馈。 该组件包含集成的通知徽章元素,可在单个菜单项上显示待处理计数或状态更新。它还具有一个同步机制,将活动标签状态与滑动内容区域链接起来,以确保导航栏与可见页面保持对齐。 该系统通过可自定义的定时和用于选择指示器的动画映射来管理标签转换。这些功能协调了导航界面上的视觉更新和页面转换。

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

    Javaandroidbadgebar
    在 GitHub 上查看↗4,928
  • patrickkunka/mixituppatrickkunka 的头像

    patrickkunka/mixitup

    4,543在 GitHub 上查看↗

    Mixitup 是一个无依赖的 DOM 元素动画库和网格布局引擎。它作为客户端内容过滤器和数据驱动的 UI 控制器,旨在管理 HTML 元素在插入、移除和排序操作过程中的平滑视觉过渡。 该系统专注于创建交互式画廊界面和动态内容过滤。它允许使用自定义属性或随机序列重新组织元素,同时将界面元素的排列和可见性与底层数据模型同步。 除了过滤和排序,该库还涵盖了 DOM 元素管理,包括目标的动态插入和移除。它提供了动画化容器大小调整、定义自定义动画效果以及利用非线性交错效果来呈现元素的能力。

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

    JavaScriptanimationdom-manipulationfilter
    在 GitHub 上查看↗4,543
  • zhuzichu520/fluentuizhuzichu520 的头像

    zhuzichu520/FluentUI

    4,421在 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
    在 GitHub 上查看↗4,421
  • pair-code/litPAIR-code 的头像

    PAIR-code/lit

    3,636在 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
    在 GitHub 上查看↗3,636
  1. Home
  2. User Interface & Experience
  3. Toggle Buttons

探索子标签

  • 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 个子标签Logic 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.