awesome-repositories.com
Blog
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjektÜber unsHow we rankPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

23 Repos

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

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • jgthms/bulmaAvatar von jgthms

    jgthms/bulma

    50,074Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗50,074
  • wagtail/wagtailAvatar von wagtail

    wagtail/wagtail

    20,366Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗20,366
  • picturepan2/spectreAvatar von picturepan2

    picturepan2/spectre

    11,317Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗11,317
  • microsoft/vscode-copilot-chatAvatar von microsoft

    microsoft/vscode-copilot-chat

    9,493Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗9,493
  • mrdoob/stats.jsAvatar von mrdoob

    mrdoob/stats.js

    9,127Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗9,127
  • givanz/vvvebjsAvatar von givanz

    givanz/VvvebJs

    8,532Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗8,532
  • emilkowalski/vaulAvatar von emilkowalski

    emilkowalski/vaul

    8,426Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗8,426
  • layui/layerAvatar von layui

    layui/layer

    8,196Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗8,196
  • webslides/webslidesAvatar von webslides

    webslides/WebSlides

    6,314Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗6,314
  • pmndrs/levaAvatar von pmndrs

    pmndrs/leva

    5,981Auf GitHub ansehen↗

    Leva ist ein React-GUI-Kontrollpanel und Echtzeit-Parameter-Editor, der verwendet wird, um den Anwendungsstatus und Variablen zu überwachen und anzupassen, ohne den Code zu ändern oder die Seite neu zu laden. Es fungiert als dynamischer Status-Debugger und erweiterbare Eingabebibliothek, die eine visuelle Schnittstelle für das Feintuning numerischer, boolescher und Textwerte innerhalb einer laufenden Webanwendung bietet. Das Projekt zeichnet sich durch ein Plugin-System aus, das die Erstellung benutzerdefinierter Eingabekomponenten und spezialisierter Verhaltensweisen zur Unterstützung einzigartiger Datentypen ermöglicht. Es nutzt Typinferenz, um Daten automatisch dem passenden visuellen Widget zuzuordnen, wobei dieses Mapping überschrieben werden kann, um spezifische Eingabetypen zu erzwingen. Die Schnittstelle unterstützt diverse Eingabekategorien, einschließlich numerischer Bereiche, Vektoren, Farbwähler und Medien-Upload-Felder. Steuerelemente können in hierarchischen Ordnern organisiert, basierend auf anderen Werten bedingt angezeigt und mit externen Datenspeichern synchronisiert werden. Das System überwacht zudem den Bearbeitungslebenszyklus und ermöglicht Callbacks, wenn Benutzer Interaktionen starten oder beenden, um die Performance für rechenintensive Operationen zu optimieren.

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

    TypeScript
    Auf GitHub ansehen↗5,981
  • rstudio/shinyAvatar von rstudio

    rstudio/shiny

    5,608Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗5,608
  • vikmeup/sclalertview-swiftAvatar von vikmeup

    vikmeup/SCLAlertView-Swift

    5,318Auf GitHub ansehen↗

    SCLAlertView-Swift ist eine Swift-UI-Komponente und Animationsbibliothek, die zum Erstellen anpassbarer Alert-Views für iOS verwendet wird. Sie bietet eine visuelle Schnittstelle zur Benachrichtigung von Benutzern über Systemereignisse, Fehler oder Erfolge innerhalb mobiler Anwendungen. Die Bibliothek konzentriert sich auf die Implementierung animierter Übergänge und polierter Dialoge, die von Standard-System-Alerts abweichen. Sie enthält Tools zum Erstellen animierter Alert-Views, um Benutzerfeedback durch visuelle Übergänge zu geben.

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

    Swift
    Auf GitHub ansehen↗5,318
  • bvaughn/react-resizable-panelsAvatar von bvaughn

    bvaughn/react-resizable-panels

    5,302Auf GitHub ansehen↗

    Dieses Projekt ist ein System von Komponenten und Utilities zur Verwaltung von Split-View-Layouts in React-Anwendungen. Es bietet ein System für in der Größe veränderbare Panels, das Inhalte in horizontalen und vertikalen Bereichen mit verschiebbaren Grenzen organisiert. Das System enthält ein einklappbares UI-Layout-Tool zum Umschalten der Sichtbarkeit von Panels, um den verfügbaren Bildschirmplatz zu maximieren. Es unterstützt rekursive Panel-Verschachtelung, wodurch Layouts als Bäume strukturiert werden können, in denen Panels weitere Gruppen von in der Größe veränderbaren Panels enthalten. Die Bibliothek deckt die Layout-Konstruktion durch die Verwendung von Panel-Dimensions-Constraints ab, was die Definition von Mindest- und Maximalgrößen ermöglicht. Sie verwaltet dynamische Viewport-Partitionierung und bietet Mechanismen zum Aufbau anpassbarer Raster und Inhaltsbereiche.

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

    TypeScript
    Auf GitHub ansehen↗5,302
  • brianpetro/obsidian-smart-connectionsAvatar von brianpetro

    brianpetro/obsidian-smart-connections

    5,195Auf GitHub ansehen↗

    Dieses Projekt ist ein Wissensdatenbank-Plugin und RAG-Kontextmanager, der eine lokale Vektordatenbank-Schnittstelle nutzt, um semantische Suche und Beziehungsmapping zu ermöglichen. Es transformiert Text in numerische Vektoren, um semantisch verwandte Notizen und Auszüge basierend auf konzeptioneller Bedeutung statt nur nach Schlüsselwortübereinstimmungen zu finden. Das System zeichnet sich durch einen semantischen Graph-Visualisierer aus, der Notizen in Clustern abbildet, um konzeptionelle Verbindungen aufzudecken. Es verfügt zudem über einen Kontextmanager, der lokale Notizen und Auszüge in wiederverwendbare Pakete bündeln kann, um fundierte Faktenbasen für Konversationen mit großen Sprachmodellen bereitzustellen. Das Tool deckt eine breite Palette an Funktionen ab, darunter die Abfrage von natürlichsprachlichem Wissen, die automatisierte Workflow-Ausführung für die Notizerstellung und die Möglichkeit, Prompts zwischen lokalen und Cloud-basierten KI-Modellen zu routen. Es bietet verschiedene Discovery-Schnittstellen, wie z. B. Inline-Indikatoren für verwandte Inhalte und ein Fußzeilen-Panel zum Einblenden ähnlicher Dokumente während des Bearbeitungsprozesses.

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

    JavaScriptchatgptclaudeembeddings
    Auf GitHub ansehen↗5,195
  • unlayer/react-email-editorAvatar von unlayer

    unlayer/react-email-editor

    5,086Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗5,086
  • sortablejs/vue.draggable.nextAvatar von SortableJS

    SortableJS/vue.draggable.next

    4,499Auf GitHub ansehen↗

    Dieses Projekt ist eine Drag-and-Drop-UI-Bibliothek und eine Vue-3-Komponente zur Implementierung sortierbarer Listen und zustandssynchronisierter Oberflächen. Es fungiert als Wrapper für die Sortable.js-Bibliothek und bietet eine zustandssynchronisierte Listenkomponente, die das zugrunde liegende Daten-Array automatisch aktualisiert, wenn Elemente neu geordnet oder verschoben werden. Die Bibliothek unterstützt verschachtelte draggable Oberflächen und hierarchische Datenorganisation, was es ermöglicht, draggable Container innerhalb anderer beweglicher Elemente zu verschachteln, um mehrstufige Strukturen zu erstellen. Sie ermöglicht zudem den Datentransfer über mehrere Spalten hinweg, wodurch Elemente zwischen verschiedenen draggable Containern verschoben oder geklont werden können. Zusätzliche Funktionen umfassen die Verwendung eingeschränkter Interaktions-Handles zur Initiierung von Bewegungen und die Möglichkeit, statische, nicht bewegliche Inhalte innerhalb einer draggable Liste einzubetten. Das System verfolgt Drag-Event-Lebenszyklen, um Callbacks auszulösen, wenn Elemente hinzugefügt, entfernt oder neu positioniert werden.

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

    JavaScript
    Auf GitHub ansehen↗4,499
  • andialbrecht/sqlparseAvatar von andialbrecht

    andialbrecht/sqlparse

    4,008Auf GitHub ansehen↗

    sqlparse is a Python library for the programmatic analysis and manipulation of SQL statements. It provides a non-validating parser that breaks down SQL text into tokens and a utility to divide strings containing multiple queries into individual statements. The project includes a code formatter that reorganizes SQL statements using consistent indentation and keyword casing. It also provides mechanisms for automating this formatting and linting process through version control hooks to maintain code consistency.

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

    Python
    Auf GitHub ansehen↗4,008
  • noctalia-dev/noctalia-shellAvatar von noctalia-dev

    noctalia-dev/noctalia-shell

    3,988Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗3,988
  • pkluz/pkrevealcontrollerAvatar von pkluz

    pkluz/PKRevealController

    3,830Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗3,830
  • louisdh/panelkitAvatar von louisdh

    louisdh/panelkit

    3,746Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗3,746
Vorherige12Nächste
  1. Home
  2. User Interface & Experience
  3. Panel Groups

Unter-Tags erkunden

  • Content Panels1 Sub-TagFlexible 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 Sub-TagsContainers 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 Sub-TagsAllowing 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