Awesome GitHub RepositoriesLayout Managers

Glance is a self-hosted web portal designed to aggregate real-time data, system monitoring, and content feeds into a single, customizable dashboard. It functions as a centralized interface for managing internal tools and network services, allowing users to secure their portal with password authentication and define the application's visual identity and layout through structured configuration files. The platform is built on a modular widget engine that treats individual dashboard components as isolated units. This architecture enables users to arrange widgets into custom pages and columns, wit

Frigate is a self-hosted network video recorder that functions as a private, local AI-powered vision engine. It manages video streams by performing real-time object detection, tracking, and classification directly on local hardware, ensuring that security monitoring and activity recording remain independent of cloud services. The system distinguishes itself through a modular, hardware-accelerated video pipeline that offloads intensive decoding and machine learning inference to dedicated GPUs, NPUs, or specialized accelerators like Coral TPUs and Hailo modules. It utilizes state-based object t

Dash is a Python-based framework for building analytical web applications and reactive data dashboards. It allows developers to connect data science and machine learning code to interactive web interfaces without writing JavaScript, serving as a backend-driven tool for defining layouts and managing state. The framework integrates the Plotly charting engine to render a wide variety of complex charts and financial graphs. It distinguishes itself through a reactive callback system that links user input components to data visualizations, enabling the creation of business intelligence dashboards a

Draggable is a JavaScript library for implementing draggable elements and sortable lists within a web browser. It provides a functional toolset for creating accessible drag and drop interfaces and a mechanism for dynamically swapping, sorting, and reordering HTML elements in real time. The library features a cross-input interaction layer that unifies mouse, touch, and force-touch events into a single stream for consistent behavior across different devices. It specifically includes tools for providing screen reader feedback and assistive technology support to ensure drag operations are accessi

tview is a library for building interactive text-based user interfaces in Go. It functions as a toolkit for managing event loops, user input, and screen rendering, providing a framework of pre-built widgets and an integrated layout engine for creating command-line applications. The project distinguishes itself through a comprehensive layout system that uses grid and flexbox models to create responsive designs. It also supports UI layer stacking to manage multiple screens and modal overlays. The framework includes a diverse suite of interactive components for data display, such as tables and

AsyncDisplayKit is an asynchronous UI framework and performance library for iOS. It provides a collection of performant alternatives to standard views, allowing developers to build responsive interfaces by offloading layout and rendering tasks to background threads. The framework is centered around a declarative layout engine based on a flexbox model, which calculates element positions and sizes asynchronously. It utilizes a node-based abstraction to wrap native views, enabling the instantiation and configuration of UI hierarchies on background threads to prevent main thread blocking. The sy

shadcn-vue is an accessible design system framework and UI component library for Vue applications. It provides a collection of accessible, unstyled interface elements and pre-designed building blocks styled with Tailwind CSS, all of which are built on top of Radix Vue primitives. The project utilizes a command line interface to install specific components and themes directly into a local project directory rather than as pre-compiled dependencies. This distribution model allows users to own and modify the source code locally to create a custom design language. The library covers a broad range

Walk is a comprehensive framework for building native Windows desktop applications. It functions as a GUI library and Windows API wrapper, providing a toolkit of native widgets and a declarative layout system for developing high-performance user interfaces. The project is distinguished by its data-binding framework, which uses reflection and string-based property paths to synchronize data sources with interface widgets. It also provides specialized support for high-DPI interface scaling and an optimized native message loop to reduce runtime overhead. The toolkit covers a wide range of capabi

This repository is a collection of reference implementations and galleries demonstrating best practices for the Android View system. It provides a set of practical examples for building user interfaces, including a component gallery and implementation guides for layouts, list performance, and motion design. The project distinguishes itself through detailed samples for coordinating layout animations and transition effects. It includes specialized demonstrations for complex motion animations using keyframes and interpolation, as well as a visualization tool for animation interpolation curves to

Diese C++-Datenvisualisierungsbibliothek ist ein wissenschaftliches Plotting-Framework, das zum Erstellen von 2D- und 3D-Diagrammen, Netzwerk-Graphen und geografischen Karten verwendet wird. Sie arbeitet als Multi-Backend-Grafikbibliothek, die High-Level-Plotting-Logik von Low-Level-Rendering-Engines entkoppelt, um verschiedene Ausgabe-Backends zu unterstützen. Das Projekt zeichnet sich durch eine Dual-Interface-API aus, die sowohl ein globales funktionales Interface für schnelles Prototyping als auch ein objektorientiertes Interface für präzise Kontrolle bietet. Es verfügt über eine Komponenten-basierte Layout-Engine zur Verwaltung gekachelter Grids und Subplots, neben einem Layered-Plot-State, der es ermöglicht, mehrere Datenserien zu überlagern, ohne Achsen zu löschen. Die Bibliothek deckt ein breites Spektrum an Visualisierungsfunktionen ab, einschließlich mathematischem Funktionsplotten, Vektorfeldern und multidimensionaler Datenanalyse durch Heatmaps und parallele Koordinaten. Sie enthält spezialisierte Tools für die Visualisierung geografischer Daten, wie Geobubble- und Geodensity-Plots, sowie Tools zum Rendern gerichteter und ungerichteter Graphennetzwerke. Zu den allgemeinen Funktionen gehören Achsenverwaltung, ästhetisches Styling mit Colormaps und der Export hochwertiger Grafiken. Das Projekt nutzt CMake für Build-Automatisierung und Dependency-Retrieval, um die Installation über verschiedene Betriebssysteme hinweg zu erleichtern.

Cursive ist ein plattformübergreifendes Terminal-UI-Toolkit und Framework für die Erstellung interaktiver Anwendungen in Rust. Es bietet ein modulares System für die Erstellung textbasierter grafischer Oberflächen und nutzt eine dedizierte Engine zur Verwaltung der Haupt-Display-Schleife und View-Hierarchien. Das Toolkit verfügt über eine Backend-agnostische Abstraktionsschicht, um konsistentes Rendering und Input-Handling über verschiedene Betriebssysteme hinweg zu gewährleisten. Es zeichnet sich durch eine palettenbasierte Theme-Engine aus, die das Laden von Themes zur Laufzeit und True-Color-Rendering unterstützt, sowie durch die Fähigkeit, Benutzeroberflächen-Hierarchien direkt aus Konfigurationsdateien zu generieren. Das Framework deckt ein breites Spektrum an Funktionen ab, einschließlich komplexem Layout-Management mit Split-Panels und Tabs sowie einer Vielzahl interaktiver Komponenten wie modalen Dialogen, Fortschrittsanzeigen und auswählbaren Listen. Es unterstützt das Rendering reichhaltiger Inhalte für Bilder und Syntax-Highlighting und verwendet ein Fokus-Zyklus-Ereignis-Routing-System, um Tastaturnavigation und globale Callbacks zu verwalten. Das Zustandsmanagement wird durch asynchrone UI-Updates und identifikatorbasierten Zugriff gehandhabt, was es Entwicklern ermöglicht, spezifische Views dynamisch aus Hintergrundaufgaben heraus zu modifizieren.

North ist eine Methodik für responsives Webdesign und eine Sass-basierte CSS-Architektur. Es bietet ein System für den Aufbau von Mobile-First-Benutzeroberflächen unter Verwendung von fluiden Grids und Progressive-Enhancement-Techniken, um eine konsistente Erfahrung über verschiedene Browser-Fähigkeiten und Bildschirmgrößen hinweg zu gewährleisten. Das Projekt bietet ein standardisiertes CSS-Namenssystem, das Sass-Mixins verwendet, um Klassennamen programmatisch zu generieren und zwischen Komponenten, Layouts und Zuständen zu unterscheiden. Es fungiert zudem als Frontend-Projekt-Scaffolding-Tool und bietet einen Generator, um neue Umgebungen mit vorkonfigurierten Stylesheets und Task-Runnern aufzusetzen. Über das Styling hinaus deckt das Framework ein breites Spektrum an Webentwicklungsstandards ab, einschließlich semantischer HTML-Implementierung mit RDFa-Metadaten und Auditing für Web-Barrierefreiheit. Es integriert eine Content-First-Designstrategie und einen agilen Frontend-Workflow, um den Übergang von Informationsarchitektur und User Personas zu produktionsreifen Komponenten zu koordinieren. Das System enthält Tools zur Automatisierung der CSS-Benennung und zum Scaffolding von Projekt-Templates, um das initiale Setup zu beschleunigen.

Dieses Projekt ist ein fortgeschrittener CSS-Lernlehrplan, bestehend aus Starter-Dateien und Abschlussprojekten. Es bietet eine Sammlung von Implementierungen aus der Praxis und eine Projektgalerie, die darauf ausgelegt ist, moderne Layout- und Styling-Techniken zu meistern. Der Lehrplan konzentriert sich auf einen modularen Ansatz für Stylesheets unter Verwendung von Sass-Variablen und Architektur. Er betont die Block-Element-Modifier-Namenskonvention (BEM), um wartbares und wiederverwendbares CSS zu erstellen. Das Material deckt mehrere Kernfunktionsbereiche ab, einschließlich Responsive Web Design mittels CSS Grid, Flexbox und Media Queries. Es umfasst zudem die Entwicklung von Bewegungseffekten durch CSS-Keyframes und Transitions sowie die Integration von skalierbaren Vektorgrafiken und optimierten Bildern für das Frontend-Styling.

CollectionKit ist ein Framework zum Erstellen hochperformanter scrollbarer Grids und Listen auf Apple-Plattformen. Es bietet Engines für deklarative Statussynchronisation, dynamisches Grid-Rendering und Multi-Section-Datenkomposition innerhalb von Collection-Views. Das Framework verfügt über einen deklarativen Synchronisierer, der Datenunterschiede berechnet, um Interface-Elemente zu aktualisieren, ohne die gesamte View neu zu laden. Es enthält eine dynamische Grid-Layout-Engine zum Rendern von Daten in Flow- oder Waterfall-Mustern sowie einen Daten-Composer, der verschiedene Datenquellen in einer einzigen View mit unabhängigen Section-Providern kombiniert. Das System unterstützt die Interpolation von Elementpositionen und -eigenschaften, um Animationen bei Layoutänderungen, Hinzufügungen und Löschungen zu erstellen. Es verwaltet die Organisation von Daten in strukturierten visuellen Flows durch Zell-Layout-Konfigurationen und scroll-optimiertes Rendering.

Dieses Projekt ist ein Referenzleitfaden und eine technische Ressource für den Aufbau von Benutzeroberflächen mit dem SwiftUI-Framework. Es bietet eine umfassende Sammlung von Codebeispielen, Dokumentationen und eine Komponentenbibliothek wiederverwendbarer View-Implementierungen und Layout-Muster. Die Ressource enthält eine Kompatibilitätskarte, die moderne deklarative Views mit ihren äquivalenten imperativen Gegenstücken im UIKit-Framework verknüpft. Diese Dokumentation unterstützt die Migration von UIKit zu SwiftUI, indem sie Anleitungen zum Kapseln von Legacy-View-Controllern und View-Subklassen innerhalb einer deklarativen Hierarchie bereitstellt. Der Leitfaden deckt ein breites Spektrum an Interface-Funktionen ab, einschließlich der Implementierung von Navigationsstrukturen, Grid- und Stack-basierten Layouts sowie performantem Listen-Rendering. Er beschreibt zudem die Verwendung interaktiver Komponenten für Benutzereingaben, Gestenerkennung und die Anwendung visueller Modifikatoren für das Styling.

MyLinearLayout ist ein Objective-C UI-Layout-Framework und eine responsive Layout-Engine für iOS. Es dient als Multi-Pattern-View-Orchestrator, der Interface-Elemente mithilfe einer Kombination aus linearen, relativen und Grid-Layout-Mustern organisiert. Die Bibliothek bringt das Verhalten von CSS-Flexbox und Floating-Elementen auf iOS-Views für eine dynamische Platzverteilung. Sie enthält ein dediziertes System für rechts-nach-links-Sprachausrichtungen (RTL), das eine automatische Spiegelung von Interface-Elementen zur Unterstützung lokalisierter Layouts bietet. Das Framework deckt eine breite Palette an Anordnungsstrategien ab, einschließlich Flow-basiertem Element-Wrapping, Frame-basiertem View-Stacking sowie Tabellen- und Grid-Organisation. Es unterstützt zudem organische Anordnungen via Pfad-basierter View-Ausrichtung und bietet adaptive Size-Classes, um sich an verschiedene Bildschirmgrößen und Ausrichtungen von Geräten anzupassen.

This project is a collection of reference implementations and code samples for building cross-platform user interfaces using the Xamarin.Forms framework. It provides practical examples for developing mobile and desktop applications from a single codebase targeting multiple operating systems. The repository focuses on architectural patterns and integration strategies, specifically demonstrating the use of MVVM to synchronize data between models and views. It includes samples for native platform integration, such as invoking platform-specific APIs and creating custom renderers to override defau

ioscreator is a comprehensive set of educational resources and reference guides for building mobile applications on the iOS platform. It provides a structured course and tutorial series focused on combining interface design with mobile logic using the SwiftUI framework. The project distinguishes itself through specialized guides for hardware integration and state management, covering the use of device sensors such as the camera, microphone, and accelerometer. It also includes a dedicated UI component library and tutorials for implementing native Apple system services. The materials cover a b

django-grappelli ist ein visuelles und funktionales Framework für die Administrationsoberfläche, das ein rasterbasiertes Theme, ein UI-Kit und ein anpassbares Dashboard für die Startseite bietet. Es ersetzt die Standard-Administrationsoberfläche durch ein strukturiertes Layout, das darauf ausgelegt ist, Modellformulare und Changelists zu organisieren. Das Projekt zeichnet sich durch spezifische Oberflächenverbesserungen aus, wie etwa Autocomplete-Lookups für relationale Felder, Rich-Text-Editor-Integration und die Möglichkeit, Inline-Modellzeilen per Drag-and-Drop neu anzuordnen. Es enthält zudem einen Kontext-Switching-Mechanismus, der es Administratoren ermöglicht, andere Benutzer zu imitieren, um Berechtigungsstufen zu verifizieren. Im Großen und Ganzen deckt das Toolkit das administrative Layout-Management mit einklappbaren Fieldsets, Dashboard-Organisation mit RSS-Feeds und Anwendungs-Shortcuts sowie angepasstes Template-Rendering für Modelllisten ab. Es bietet zudem Utilities zur Verfolgung kürzlicher Benutzeraktivitäten und zur Normalisierung des Renderings von Eingabefeldern.

toolong ist ein Terminal-Log-Viewer und TUI-Log-Manager, der für die Überwachung von Live-Log-Streams und die Navigation in großen Log-Dateien entwickelt wurde. Er fungiert als Log-Aggregator und JSONL-Formatter, der in der Lage ist, mehrere Log-Dateien zu einer einzigen chronologischen Ansicht zusammenzuführen, indem Zeitstempel automatisch erkannt werden. Die Anwendung unterstützt die Visualisierung strukturierter Daten durch Pretty-Printing von JSONL-Dateien und die Anwendung von Syntax-Highlighting auf gängige Webserver-Log-Muster. Sie verarbeitet große Datenmengen effizient durch scrollbare Ansichten mit virtueller Größe, was es Benutzern ermöglicht, komprimierte Logs oder Dateien beliebiger Größe zu öffnen, ohne das gesamte Dokument in den Arbeitsspeicher zu laden. Das System umfasst Funktionen für das Tailing von Log-Streams, das Fuzzy-Text-Matching und die Navigation über ein Stack-basiertes Screen-Modell. Es bietet zudem eine Befehlspalette zur Entdeckung von Anwendungsfunktionen und unterstützt interaktive Elemente wie anklickbare Links und Hover-Tooltips.