20 个仓库
Layout components that organize related action buttons into unified toolbars or grouped sets.
Explore 20 awesome GitHub repositories matching user interface & experience · Button Groups. 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
Button groups organize related actions into unified toolbars for improved layout efficiency.
shadcn/ui offers a collection of React UI components and a CLI-driven registry system for direct source code integration.
Organizes related actions into cohesive horizontal or vertical toolbars for consistent interface interaction.
Filament is a full-stack framework for building administrative panels and management interfaces within the Laravel ecosystem. It provides a declarative, component-based architecture that allows developers to construct complex, data-driven applications using server-side configuration objects rather than manual HTML. By inspecting database model structures and relationships, the framework automates the generation of CRUD interfaces, forms, and data tables, significantly reducing boilerplate code. The project distinguishes itself through a highly modular and extensible design that supports custo
Groups interactive buttons into sets for single or multiple value selection.
Pico is a lightweight, classless CSS framework designed to provide consistent, accessible, and responsive visual defaults for web interfaces. By prioritizing semantic HTML tags, it allows developers to build clean, structured pages without the need for complex class names or heavy dependencies. The framework functions as a comprehensive design system that automatically applies styling to standard elements, ensuring that typography, spacing, and layout remain cohesive across different screen sizes. The framework distinguishes itself through a modular, variable-driven architecture that emphasiz
Combines multiple buttons into a single visual unit for related actions.
This project is a collection of native directives designed to implement the Bootstrap component framework within Angular applications. It provides a suite of modular interface elements that allow developers to build interactive web components without requiring external JavaScript dependencies. The library distinguishes itself by using a dependency-free logic layer that relies entirely on native framework primitives. It features a specialized service-based positioning engine to manage the placement of floating overlays and an event-driven system to coordinate the lifecycle of complex UI elemen
Transforms button sets into interactive controls for single or multiple selection states.
CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for constructing back-office interfaces. It provides a library of UI components with native wrappers for React, Vue, and Angular applications, alongside a Sass-based theming system for managing brand colors, dark mode, and design tokens via variables and CSS custom properties. The template includes a set of advanced form controls such as autocomplete, date pickers, and multi-step wizards with built-in validation, and supports switching the entire interface between built-in dark and li
Wraps multiple buttons in a container so they display as a single cohesive unit.
HyperUI is a dependency-free collection of responsive HTML layouts and pre-styled components designed for various web domains. It functions as a Tailwind CSS component library where users integrate standalone HTML snippets via a copy-paste distribution model to avoid package installation and framework overhead. The library features one-click markup copying from a pre-built component gallery. It includes specialized design systems, such as high-contrast neobrutalist styling with heavy borders, and visual tools for generating dark mode color palettes and harmonic typography scales. The compone
Offers pre-styled markup for grouping related buttons into cohesive functional toolbars.
Spectre is a comprehensive CSS framework and UI utility toolkit designed for building responsive web interfaces. It functions as a CSS component library that provides pre-styled interface elements and helper classes to facilitate frontend UI development. The framework is distinguished by a pure-CSS component architecture that avoids dependence on external JavaScript runtimes. It utilizes a SASS-based build pipeline that supports class prefixing, stylesheet pruning, and a variable-based theme system for creating custom design systems. The project covers a wide range of layout and interface ca
Arranges multiple buttons into cohesive sets or full-width blocks for structured navigation and actions.
PrimeReact is a comprehensive UI component library for building interactive user interfaces with React. It provides an accessible component suite, a form input framework, and a data visualization toolkit designed to meet accessibility standards through built-in keyboard navigation and focus management. The library features a themed design system that allows for visual customization via pre-defined skin sets or an unstyled mode. This unstyled mode decouples component behavior and accessibility logic from the presentation layer, enabling the implementation of custom corporate design systems. C
Provides layout components that organize related action buttons into unified visual groups.
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
Includes layout components that organize related action buttons into unified groups.
This project is a JavaScript UI component library and frontend utility toolkit. It serves as a web modal framework and popup library, providing a specialized system for rendering interactive dialogs, overlays, and layered interfaces over web page content. The library is distinguished by its comprehensive set of overlay tools, including alert dialogs, confirmation prompts, and the ability to embed external content via iframes. It also features a responsive twelve-column grid system for cross-device layout compatibility and an internal modular dependency management system for on-demand loading
Arranges multiple buttons into a cohesive visual group to organize related actions.
Vuido is a framework for building native desktop applications for Windows, macOS, and Linux using Vue.js components, without requiring Electron or Chromium. It maps Vue components directly to native widgets from the libui library, creating lightweight applications that run on a single-threaded event loop and compile templates at build time for optimized runtime performance. The framework provides a complete Vue.js component-to-native bridge, enabling two-way data binding via v-model, component-based window composition, and platform-specific package generation for distributing executables. It
Arranges child components in vertical or horizontal layouts to structure the user interface.
Flashlight is a standalone C++ machine learning library and tensor library used for building and training neural networks. It functions as a comprehensive neural network framework and automatic differentiation engine, providing the tools to construct computation graphs and calculate gradients via backpropagation. The project serves as a distributed training framework, utilizing all-reduce operations to synchronize gradients and parameters across multiple compute nodes and devices. It distinguishes itself through deep integration of high-performance tensor manipulation, native device memory in
Arranges multiple computation units into an ordered sequence where output flows directly into the next input.
Zag 是一个无头(headless)UI 状态机库,提供无样式的组件逻辑,以确保不同渲染引擎之间的一致行为。它作为一个工具包,利用状态图(statecharts)对复杂的 UI 交互进行建模,将底层逻辑和无障碍属性与视觉样式解耦。 该库与框架无关,利用专门的适配器将其状态机逻辑与 React、Solid、Vue 和 Svelte 等各种 JavaScript 库连接起来。这种方法允许开发者在应用任何 CSS 或样式解决方案时,通过状态驱动的数据属性来维护单一的交互模型。 Zag 涵盖了广泛的功能领域,包括针对键盘导航和 ARIA 属性的全面无障碍管理,以及大量的交互式原语。这些包括输入控件、菜单和标签页等导航元素、对话框和弹出框等覆盖组件,以及用于图像裁剪和签名捕获的复杂媒体处理。它还提供了用于分层数据管理、异步列表处理以及构建引导式产品导览的实用工具。
Implements a group of related toggle buttons supporting both single and multiple selection modes.
这是一个基于 React 的管理后台模板和 UI 工具包,专为构建仪表盘而设计。它提供了一套完整的预设布局、无障碍组件库以及基于 Sass 的 UI 框架,用于创建管理界面。 该模板专门针对 AI 进行了优化,采用了有助于 AI 助手生成一致且可直接用于生产环境的 React 代码的组织模式。它具有灵活的样式系统,利用 Sass 变量和 CSS 自定义属性来支持可定制的亮色和暗色主题。 该工具包涵盖了广泛的界面功能,包括数据可视化小部件、支持排序和分页的交互式表格,以及多步向导等复杂表单元素。它还包含侧边栏和面包屑等高级导航系统,以及响应式网格、模态对话框和无障碍日历界面等结构化组件。
Ships layout components that organize related action buttons into unified, seamless visual groups.
Material Tailwind 是一个基于 Tailwind CSS 构建的响应式 Web UI 框架和组件库。它提供了一个可定制的设计系统,为 Web 应用程序实现了 Material Design 原则。 该项目专注于可定制的设计系统,允许进行集中式主题配置和基于工具类的样式设置,以保持界面间的视觉一致性。 该库包含广泛的可重用界面元素,涵盖布局结构、导航系统和覆盖组件。它提供了用于 Web 表单构建、数据输入控件和视觉状态指示器的专业工具。
Offers layout components that organize related action buttons into unified grouped sets.
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
Implements layout components that organize related action buttons into cohesive visual clusters or toolbars.
Ace is a responsive admin template and UI component library built on Bootstrap 3. It provides a comprehensive framework for creating administrative dashboards with a grid-based layout system that adapts to various screen sizes. The project features a broad array of pre-styled layouts for administrative interfaces, including specialized page templates for user profiles, email clients, and real-time chat interfaces. It includes a configuration system for adjusting visual presentations through color skins and right-to-left mirroring support. The library covers a wide range of interface capabili
Includes layout components that organize related buttons into unified cohesive lines or toggle sets.
Basecoat is a zero-runtime UI library and themable interface framework consisting of a set of accessible web components. It provides a collection of pre-styled interface elements and utility classes designed to function as static assets without requiring a dedicated JavaScript framework runtime. The project features a dedicated UI component scaffolder, providing a command line interface to automate the generation of project folder structures and the installation of component templates. Visual styles are managed through a system of CSS variables and utility classes, allowing for global theme a
Provides layout components that organize related action buttons into unified toolbars or grouped sets.
OpenSeadragon is a JavaScript library and tiled image rendering engine designed for high-resolution image viewing. It functions as a deep zoom image viewer that renders massive images using a tiled pyramid approach, enabling smooth panning and zooming without requiring the full image file to be loaded. The project distinguishes itself through broad support for standardized image retrieval protocols, including the International Image Interoperability Framework (IIIF), IIPImage, Iris, and OpenStreetMap. It provides a hardware-accelerated rendering layer via WebGL to apply real-time filters and
Organizes related interactive buttons into unified groups to structure the viewer controls.