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

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

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

23 个仓库

Awesome GitHub RepositoriesPanel Groups

Compact containers for organizing related UI elements.

Distinguishing note: No existing candidates; focuses on grouping interactive elements into panels.

Explore 23 awesome GitHub repositories matching user interface & experience · Panel Groups. Refine with filters or upvote what's useful.

Awesome Panel Groups GitHub Repositories

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

    jgthms/bulma

    50,074在 GitHub 上查看↗

    Bulma is a design-agnostic CSS framework that provides a collection of pre-styled interface components and layout primitives. It is built to be independent of specific JavaScript frameworks or build tools, allowing developers to construct responsive web interfaces by applying standardized classes directly to semantic HTML markup. The framework distinguishes itself through a utility-first approach that combines modular component styling with a flexible grid system. It leverages native CSS variables to manage design tokens, enabling real-time visual customization, automatic dark mode adaptation

    Provides compact containers that organize related headings, lists, and interactive elements into unified blocks.

    CSScsscss-frameworkdesign
    在 GitHub 上查看↗50,074
  • wagtail/wagtailwagtail 的头像

    wagtail/wagtail

    20,366在 GitHub 上查看↗

    Wagtail is an open-source content management system built on the Django web framework. It provides a structured, tree-based approach to content modeling, allowing developers to define custom page types and reusable content components that are managed through a highly customizable administrative interface. The platform distinguishes itself through its flexible, block-based content composition system, which enables editors to assemble complex page layouts dynamically. It also offers robust support for multi-site and multi-lingual environments, allowing organizations to manage distinct websites

    Groups content fields into custom tabs and panel sections to streamline the administrative editing workflow.

    Pythoncmsdjangohacktoberfest
    在 GitHub 上查看↗20,366
  • picturepan2/spectrepicturepan2 的头像

    picturepan2/spectre

    11,317在 GitHub 上查看↗

    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

    Groups related content into a flexible container with optional header, navigation, body, and footer sections.

    CSS
    在 GitHub 上查看↗11,317
  • microsoft/vscode-copilot-chatmicrosoft 的头像

    microsoft/vscode-copilot-chat

    9,493在 GitHub 上查看↗

    This project is an AI-powered IDE extension and LLM coding assistant that provides a conversational interface for generating, refactoring, and debugging code. It functions as an AI agent framework and a Model Context Protocol client, connecting AI models to external data sources and tools to automate complex development tasks. The system is distinguished by its use of autonomous AI agents capable of multi-step task execution, including the ability to read files, modify code, and run terminal commands iteratively. It supports recursive agent orchestration through subagent delegation and employ

    Provides a lightweight chat panel at the top of the editor for short interactions.

    TypeScript
    在 GitHub 上查看↗9,493
  • mrdoob/stats.jsmrdoob 的头像

    mrdoob/stats.js

    9,127在 GitHub 上查看↗

    stats.js is a JavaScript performance monitor and visual diagnostic tool. It provides a real-time overlay for tracking frame rates, memory allocation, and the rendering efficiency of web graphics and applications. The project includes a visual meter for measuring frames per second and a browser memory profiler that displays allocated memory in megabytes to help detect resource leaks. It is designed as a web graphics debugger to monitor the efficiency of WebGL and Canvas rendering. The tool covers a range of monitoring and observability capabilities, including the creation of custom performanc

    Organizes different performance indicators into independent visual panels that can be toggled individually.

    JavaScript
    在 GitHub 上查看↗9,127
  • givanz/vvvebjsgivanz 的头像

    givanz/VvvebJs

    8,532在 GitHub 上查看↗

    VvvebJs is a self-hosted, vanilla JavaScript library for visually assembling web pages by dragging pre-built HTML components onto a canvas. It functions as a visual HTML editor and component-based page builder that requires no build tools or external dependencies, and can be deployed on a server with PHP or Node.js backend for saving and exporting pages. The builder organizes reusable HTML components into named groups for drag-and-drop assembly, and provides visual property editing that modifies HTML attributes, CSS styles, and class names through form controls and property panels. It include

    Groups related draggable elements under named categories in the builder's panel for easier access.

    JavaScriptbootstrapbootstrap5builder
    在 GitHub 上查看↗8,532
  • emilkowalski/vaulemilkowalski 的头像

    emilkowalski/vaul

    8,426在 GitHub 上查看↗

    Vaul is a React drawer component used to create accessible, draggable bottom sheets and slide-up panels. It serves as a mobile-friendly alternative to traditional dialogs and modals by rendering content into a separate DOM node via a portal to avoid layout nesting issues. The library features configurable snap points that allow panels to lock into specific vertical heights during drag gestures. It supports hierarchical UI layering, enabling the use of nested drawers for complex navigation or multi-level menus. The component includes an accessibility layer with ARIA announcements and focus ma

    Provides a sliding screen overlay that serves as a mobile-friendly replacement for standard dialog boxes.

    TypeScriptdialogdrawerreact
    在 GitHub 上查看↗8,426
  • layui/layerlayui 的头像

    layui/layer

    8,196在 GitHub 上查看↗

    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

    Displays independent containers or card-style surfaces with shadows to organize and highlight page sections.

    JavaScriptalertconfirmdialog
    在 GitHub 上查看↗8,196
  • webslides/webslideswebslides 的头像

    webslides/WebSlides

    6,314在 GitHub 上查看↗

    WebSlides is a CSS-class-driven presentation framework that turns HTML sections into full-screen slides with keyboard, touch, and remote navigation. Its core architecture defines slides as HTML section elements styled entirely through CSS classes for layout, animation, and background, with a vertical-rhythm spacing foundation using an 8-pixel baseline grid. The framework includes a plugin-based behavior extension system that hooks into slide lifecycle events, and maps each slide to a unique URL hash for direct permalink navigation. The framework distinguishes itself through a comprehensive se

    Opens a slide index overlay via dash key or click for selecting and navigating to any slide.

    JavaScriptcssdesignhtml
    在 GitHub 上查看↗6,314
  • pmndrs/levapmndrs 的头像

    pmndrs/leva

    5,981在 GitHub 上查看↗

    Leva 是一个 React GUI 控制面板和实时参数编辑器,用于监控和调整应用程序状态及变量,而无需修改代码或重新加载页面。它作为一个动态状态调试器和可扩展输入库,提供了一个视觉界面,用于在运行中的 Web 应用程序内微调数值、布尔值和文本值。 该项目的独特之处在于其插件系统,允许创建自定义输入组件和专门的行为以支持独特的数据类型。它利用类型推断自动将数据映射到适当的视觉小部件,尽管这种映射可以被覆盖以强制指定输入类型。 该界面支持多种输入类别,包括数值范围、向量、颜色选择器和媒体上传字段。控件可以组织成层级文件夹,根据其他值有条件地显示,并与外部数据存储同步。该系统还监控编辑生命周期,在用户开始和结束交互时启用回调,以优化昂贵操作的性能。

    Supports generating separate visual interfaces tied to distinct data stores to organize variables into different groups.

    TypeScript
    在 GitHub 上查看↗5,981
  • rstudio/shinyrstudio 的头像

    rstudio/shiny

    5,608在 GitHub 上查看↗

    Shiny is a framework for building interactive web applications using R code, eliminating the need for HTML, CSS, or JavaScript. At its core, it provides a reactive programming model that automatically tracks data dependencies and re-executes only the parts of an application that depend on changed inputs. The framework handles server-side UI rendering and maintains persistent WebSocket connections between the browser and server for real-time updates without page reloads. The framework distinguishes itself through deep integration with the R ecosystem, including the ability to embed interactive

    Provides panel and card components for grouping related content within the interface.

    Rrreactiverstudio
    在 GitHub 上查看↗5,608
  • vikmeup/sclalertview-swiftvikmeup 的头像

    vikmeup/SCLAlertView-Swift

    5,318在 GitHub 上查看↗

    SCLAlertView-Swift 是一个 Swift UI 组件和动画库,用于为 iOS 创建可自定义的警报视图。它提供了一个视觉界面,用于在移动应用程序中通知用户系统事件、错误或成功信息。 该库专注于实现偏离原生标准警报的动画过渡和精美对话框。它包括用于构建动画警报视图的工具,通过视觉过渡提供用户反馈。

    Provides full-screen overlays that dim the background to isolate the alert from other UI elements.

    Swift
    在 GitHub 上查看↗5,318
  • bvaughn/react-resizable-panelsbvaughn 的头像

    bvaughn/react-resizable-panels

    5,302在 GitHub 上查看↗

    该项目是一套用于管理 React 应用程序中分屏布局的组件和工具。它提供了一个可调整大小的面板系统,将内容组织成具有可拖动边界的水平和垂直区域。 该系统包括一个可折叠的 UI 布局工具,用于切换面板的可见性以最大化可用屏幕空间。它支持递归面板嵌套,允许将布局构建为树状结构,其中面板包含更多可调整大小的面板组。 该库通过使用面板尺寸约束来涵盖布局构建,从而能够定义最小和最大尺寸。它管理动态视口分区,并提供用于构建可调整网格和内容区域的机制。

    Supports recursive nesting of panels, allowing for complex, tree-structured split-view layouts.

    TypeScript
    在 GitHub 上查看↗5,302
  • brianpetro/obsidian-smart-connectionsbrianpetro 的头像

    brianpetro/obsidian-smart-connections

    5,195在 GitHub 上查看↗

    该项目是一个知识库插件和 RAG 上下文管理器,使用本地向量数据库接口来实现语义搜索和关系映射。它将文本转换为数值向量,根据概念含义而非关键词匹配来查找语义相关的笔记和摘录。 该系统通过语义图可视化工具脱颖而出,该工具将笔记映射为集群以揭示概念联系。它还具有上下文管理器,能够将本地笔记和摘录捆绑成可重用的包,为大语言模型对话提供扎实的事实基础。 该工具涵盖了广泛的功能,包括自然语言知识查询、用于笔记创建的自动化工作流执行,以及在本地和云端 AI 模型之间路由提示的能力。它提供了多种发现界面,例如内联相关内容指示器和用于在编辑过程中显示相似文档的底部面板。

    Provides a collapsible panel at the bottom of notes for discovering related content.

    JavaScriptchatgptclaudeembeddings
    在 GitHub 上查看↗5,195
  • unlayer/react-email-editorunlayer 的头像

    unlayer/react-email-editor

    5,086在 GitHub 上查看↗

    React Email Editor is a drag-and-drop visual builder for creating responsive email templates, built as a React embeddable component. It also serves as an AI-powered email designer, a collaborative email design tool, and a React component library for composing emails programmatically with JSX. The editor represents designs as structured JSON and supports multi-format rendering for email clients, web pages, and PDF. What distinguishes this editor is its deep AI integration: users can generate full email templates from natural language, rewrite text with chosen intent, produce multiple text vari

    Provides a mechanism for hiding property groups from the editing panel to simplify the interface.

    TypeScriptbuilderdrag-and-dropemail
    在 GitHub 上查看↗5,086
  • sortablejs/vue.draggable.nextSortableJS 的头像

    SortableJS/vue.draggable.next

    4,499在 GitHub 上查看↗

    这是一个拖放式 UI 库和 Vue 3 组件,用于实现可排序列表和状态同步界面。它作为 Sortable.js 库的包装器,提供了一个状态同步列表组件,当项目被重新排序或移动时,该组件会自动更新底层数据数组。 该库支持嵌套的可拖拽界面和分层数据组织,允许将可拖拽容器嵌套在其他可移动项目内,以创建多级结构。它还支持多列数据传输,允许在不同的可拖拽容器之间移动或克隆元素。 其他功能包括使用受限交互句柄来启动移动,以及在可拖拽列表中嵌入静态、不可移动内容的能力。该系统跟踪拖拽事件生命周期,以便在添加、删除或重新定位项目时触发回调。

    Enables the creation of multi-level hierarchical structures by nesting draggable containers inside other movable items.

    JavaScript
    在 GitHub 上查看↗4,499
  • andialbrecht/sqlparseandialbrecht 的头像

    andialbrecht/sqlparse

    4,008在 GitHub 上查看↗

    sqlparse 是一个用于 SQL 语句程序化分析和操作的 Python 库。它提供了一个非验证解析器,将 SQL 文本分解为标记,并提供了一个将包含多个查询的字符串划分为单个语句的实用程序。 该项目包括一个代码格式化程序,使用一致的缩进和关键字大小写来重组 SQL 语句。它还提供了通过版本控制钩子自动化此格式化和 Linting 过程的机制,以保持代码一致性。

    Clusters tokens into nested groups to create a hierarchical representation of SQL queries.

    Python
    在 GitHub 上查看↗4,008
  • noctalia-dev/noctalia-shellnoctalia-dev 的头像

    noctalia-dev/noctalia-shell

    3,988在 GitHub 上查看↗

    Noctalia Shell is a modular Wayland desktop shell that provides a user interface consisting of status bars, launchers, and notifications for Wayland compositors. It is built as a plugin-based desktop environment that utilizes declarative configuration for managing system defaults, wallpapers, and plugin installations. The project features a dynamic desktop theming engine that extracts color palettes from wallpapers to theme the shell and external applications. This is supported by an inter-process communication bridge that exposes endpoints, allowing external scripts and keybindings to trigge

    Provides a utility to construct full-screen overlay interfaces for browsing content or displaying detailed information.

    QMLdotfileshyprlandlinux
    在 GitHub 上查看↗3,988
  • pkluz/pkrevealcontrollerpkluz 的头像

    pkluz/PKRevealController

    3,830在 GitHub 上查看↗

    PKRevealController is an iOS navigation framework and slide-over UI controller. It functions as a gesture-based interface library and hierarchical view controller manager that allows secondary screens to slide over a primary content area through touch interactions. The system organizes parent and child controllers into a layered navigation structure, translating touch input into coordinate offsets to animate transitions. It manages the width and positioning of side panels to control the available screen real estate. The framework provides capabilities for side panel layout management and vie

    Acts as a coordination layer that manages the width and positioning of edge-sliding overlays.

    Objective-C
    在 GitHub 上查看↗3,830
  • louisdh/panelkitlouisdh 的头像

    louisdh/panelkit

    3,746在 GitHub 上查看↗

    Panelkit is an iOS panel UI framework and multi-panel layout engine designed to create and manage floating, pinned, and modal content panels within applications. It functions as a floating window manager and interface orchestrator, handling the positioning, dragging, and resizing of independent user interface windows on mobile screens. The framework supports dynamic UI composition, allowing content to be rendered in multiple presentation styles such as popovers or pinned sidebars. It includes a state-persistence layout engine that saves and restores window coordinates and dimensions to mainta

    Enables the construction of organized panel systems to manage content and interactions through a consistent layout structure.

    Swiftiosipadpanels
    在 GitHub 上查看↗3,746
上一个12下一个
  1. Home
  2. User Interface & Experience
  3. Panel Groups

探索子标签

  • Content Panels1 个子标签Flexible containers with optional header, body, and footer sections for organizing related content. **Distinct from Panel Groups:** Focuses on general layout containers with structural sections rather than administrative grouping logic.
  • Panel Groups4 个子标签Containers for organizing related UI elements into logical sections within the administrative interface. **Distinct from Panel Groups:** Focuses on the administrative panel grouping logic specifically, distinct from general UI panel containers.
  • Panel Layout FrameworksSystems for constructing organized, consistent layout structures using multiple interface panels. **Distinct from Content Panels:** Focuses on the structural framework and layout consistency of the whole panel system rather than individual content containers.
  • Quick Interaction PanelsLightweight, non-intrusive UI containers for brief AI interactions. **Distinct from Panel Groups:** Focuses on the specific use case of a fast-access interaction panel rather than general grouping of UI elements.
  • Recursive Nesting2 个子标签Allowing panel containers to hold other panel groups in a tree structure. **Distinct from Panel Groups:** Focuses on the recursive nesting capability rather than simple grouping