awesome-repositories.com
Blog
awesome-repositories.com

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

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektÜber unsRanking-MethodikPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

46 Repos

Awesome GitHub RepositoriesLayout Management

Tools for organizing and arranging multiple content views within a single application window.

Distinguishing note: Focuses on multi-pane browsing layouts rather than general window management.

Explore 46 awesome GitHub repositories matching user interface & experience · Layout Management. Refine with filters or upvote what's useful.

Awesome Layout Management GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • zen-browser/desktopAvatar von zen-browser

    zen-browser/desktop

    42,877Auf GitHub ansehen↗

    This project is an open-source desktop web browser built on the Gecko rendering engine. It is designed to prioritize user privacy and security, utilizing a multi-process architecture to isolate web content and maintain a secure sandbox environment for all browsing activities. The browser distinguishes itself through a highly modular interface engine that allows users to customize visual layouts and functional behaviors using style sheets and community-developed modifications. It supports advanced productivity workflows by enabling users to synchronize navigation state across multiple windows,

    Displays multiple web pages side-by-side within a single window for efficient multitasking.

    JavaScriptfirefoxfirefox-basedfirefox-browser
    Auf GitHub ansehen↗42,877
  • palantir/blueprintAvatar von palantir

    palantir/blueprint

    21,836Auf GitHub ansehen↗

    Blueprint is a React UI component library and web design system focused on accessibility and the creation of data-dense interfaces. It provides a standardized framework of visual styles and reusable interface elements for building professional desktop applications. The toolkit is specifically optimized for displaying complex information and large datasets, featuring high-performance interactive data grids for rendering and manipulating data. The library covers a broad range of capability areas, including the construction of form inputs, navigation systems, and content layout management. It a

    Offers tools for arranging interface elements using cards, collapsible sections, and dividers.

    TypeScriptblueprintcomponentsdesign
    Auf GitHub ansehen↗21,836
  • 11ty/eleventyAvatar von 11ty

    11ty/eleventy

    19,670Auf GitHub ansehen↗

    Eleventy is a JavaScript-based static site generator designed to transform templates, data files, and markdown into optimized HTML. It functions as a versatile template rendering engine and content management framework, allowing developers to aggregate data from diverse sources—including local files, databases, and external APIs—to populate structured web content. The project is distinguished by its template-engine-agnostic pipeline, which decouples the build process from specific rendering languages. This allows users to integrate multiple template formats, such as Liquid, Nunjucks, Handleba

    Maps shorthand layout names to specific template files to simplify configuration and global updates.

    JavaScriptblog-enginedocumentation-tooleleventy
    Auf GitHub ansehen↗19,670
  • hoffstadt/dearpyguiAvatar von hoffstadt

    hoffstadt/DearPyGui

    15,217Auf GitHub ansehen↗

    DearPyGui is a GPU-accelerated, immediate-mode graphical user interface framework for Python. It provides a high-performance toolkit for building interactive desktop applications by leveraging native hardware-accelerated rendering backends across multiple operating systems. By utilizing an immediate-mode execution model, the library offers direct control over the rendering loop and element state, enabling the creation of responsive, dynamic interfaces. The framework distinguishes itself through its ability to handle complex, high-frequency visual updates, making it suitable for real-time data

    Organizes interface elements into functional structures using containers, node editors, and flexible windowing systems.

    C++cppcross-platformdearpygui
    Auf GitHub ansehen↗15,217
  • visgl/deck.glAvatar von visgl

    visgl/deck.gl

    13,875Auf GitHub ansehen↗

    This project is a declarative visualization library and geospatial framework designed for rendering large-scale data sets within web browsers. It functions as a high-performance graphics engine that leverages hardware acceleration to display complex 2D and 3D visual layers, enabling the visualization of millions of data points through a structured, component-based syntax. The framework distinguishes itself through its ability to synchronize custom data visualizations with third-party mapping platforms. By managing camera states and coordinate systems, it allows developers to overlay high-perf

    Arranges multiple independent viewports on a single canvas to display diverse data perspectives simultaneously.

    TypeScriptdata-visualizationgeospatial-analysisjavascript
    Auf GitHub ansehen↗13,875
  • andlabs/libuiAvatar von andlabs

    andlabs/libui

    10,882Auf GitHub ansehen↗

    libui is a native C GUI library and cross-platform framework used to build desktop applications. It provides a unified C abstraction layer and a native widget toolkit that maps directly to the host operating system's original controls, windows, and menu bars. The project functions as a portable UI wrapper, employing platform-specific backends and a native-API wrapper to maintain visual and behavioral fidelity across different operating systems. It utilizes a C-language binding layer to ensure portability across various compilers and targets. The library covers native interface construction a

    Positions interface components using containers and alignment controls to manage sizing across different screen dimensions.

    C
    Auf GitHub ansehen↗10,882
  • coolwanglu/pdf2htmlexAvatar von coolwanglu

    coolwanglu/pdf2htmlEX

    10,603Auf GitHub ansehen↗

    pdf2htmlEX is a tool that converts PDF documents into HTML while preserving the original text, fonts, and layout. It uses CSS positioning and font embedding to replicate the PDF's appearance in a browser, producing output that works without JavaScript. The tool can generate a single self-contained HTML file with all resources embedded, or split the document into separate HTML files per page for individual loading and navigation. The converter offers extensive control over the output, including the ability to embed fonts directly into the HTML using base64-encoded Data URIs, or keep them as se

    Provides CSS-based layout replication to preserve exact PDF page geometry in HTML output.

    HTML
    Auf GitHub ansehen↗10,603
  • meliorence/react-native-snap-carouselAvatar von meliorence

    meliorence/react-native-snap-carousel

    10,519Auf GitHub ansehen↗

    This project is a cross-platform mobile carousel component for creating swipeable image and content sliders. It functions as a virtualized list component that maintains performance by removing off-screen elements and utilizes a native-driver animation library to map scroll offsets to style properties on the native thread for lag-free transitions. The library provides a parallax image gallery capable of shifting images relative to scroll progress to create a sense of depth. It also features a layout system that supports right-to-left orientations for languages such as Arabic and Hebrew. Capab

    Offers predefined layout templates for positioning items as cards or tinder-style stacks.

    JavaScriptadvanced-effectscarouselflatlist-based
    Auf GitHub ansehen↗10,519
  • cosscom/cossAvatar von cosscom

    cosscom/coss

    10,125Auf GitHub ansehen↗

    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

    Provides structured containers with dedicated areas for titles, descriptions, and header actions.

    TypeScriptnextjsradix-uireact
    Auf GitHub ansehen↗10,125
  • freddier/hyperblogAvatar von freddier

    freddier/hyperblog

    8,812Auf GitHub ansehen↗

    Hyperblog is a Git learning resource and static site blog template. It provides a practical codebase and markdown blog theme designed for hands-on implementation of version control and collaborative development. The project focuses on Git workflow practice and GitHub collaborative development. It allows users to master version control and project management by building and deploying a functional static website. The system uses static site generation and markdown-driven content to create blog posts. It includes template-based layouts and client-side search indexing to locate specific text or

    Uses reusable HTML structures and predefined layout files to wrap raw blog content.

    HTML
    Auf GitHub ansehen↗8,812
  • bestony/logolyAvatar von bestony

    bestony/logoly

    7,933Auf GitHub ansehen↗

    Logoly is a browser-based logo editor that generates logos mimicking the signature visual style of popular platforms. It renders logo previews by drawing vector graphics directly onto an HTML canvas element, managing all editor state entirely within the browser. The tool provides real-time customization of logo text, color, and font size through an interactive on-screen editor, with instant preview updates as adjustments are made. It applies visual styles by mapping user-selected colors and fonts to CSS-like properties on SVG elements, and uses predefined layout templates to position text and

    Uses predefined layout templates to position text and graphics in the signature style of a specific platform.

    JavaScriptgeneratorhacktoberfestlogo
    Auf GitHub ansehen↗7,933
  • ikuaitu/vue-fabric-editorAvatar von ikuaitu

    ikuaitu/vue-fabric-editor

    7,892Auf GitHub ansehen↗

    vue-fabric-editor is a web-based graphic design tool and vector graphics editor built with Vue and Fabric.js. It provides a canvas manipulation framework for creating visual compositions, layouts, and custom vector illustrations. The project features a template-based design system for creating reusable layouts and a bulk image generator that automatically produces multiple image files using data tables or external network interfaces. It also includes a modular plugin system for extending tools and keyboard shortcuts. The editor covers a broad range of capabilities including digital asset man

    Uses predefined spatial patterns and layout templates to standardize the creation of graphic designs.

    Vuecanvas-editordesigndesign-editor
    Auf GitHub ansehen↗7,892
  • nexu-io/html-anythingAvatar von nexu-io

    nexu-io/html-anything

    7,275Auf GitHub ansehen↗

    Dieses Projekt ist ein LLM-HTML-Artefakt-Generator und ein sandboxed Previewer, der für schnelles Prototyping und Content-Erstellung entwickelt wurde. Es fungiert als lokale KI-Agenten-Brücke, die authentifizierte Sitzungen von Command-Line-Coding-Agenten wiederverwendet, um Generierungsaufgaben auszuführen, ohne separate API-Schlüssel zu erfordern. Das System wandelt Web-Layouts über ein Social-Media-Export-Tool in plattformspezifische Formate um und nutzt inlined CSS und Metadaten, um eine konsistente Veröffentlichung sicherzustellen. Es verwendet eine sandboxed Rendering-Umgebung, um KI-generierten Code und Skripte isoliert auszuführen und den Host-Browser vor Vergiftungen zu schützen. Die Plattform handhabt die Inhaltstransformation durch die Umwandlung strukturierter Daten – einschließlich CSV, JSON und SQL – in polierte Web-Artefakte wie Landingpages, professionelle Berichte und Präsentationsdecks. Sie unterstützt visuelle Echtzeit-Updates durch das Streamen von KI-generiertem Code in den Browser via Server-Sent-Events. Exportfunktionen umfassen die Umwandlung gerenderter Web-Nodes in hochauflösende PNG-Bilder und eigenständige HTML-Dateien.

    Transforms structured data into visual formats using a library of predefined HTML layout blueprints.

    HTML
    Auf GitHub ansehen↗7,275
  • blackrockdigital/startbootstrapAvatar von BlackrockDigital

    BlackrockDigital/startbootstrap

    7,160Auf GitHub ansehen↗

    This project is a Bootstrap theme library providing a collection of pre-designed frontend templates and layouts. It functions as a set of frontend UI kits and responsive website templates built specifically with the Bootstrap CSS framework. The library focuses on responsive web design and frontend layout prototyping. It includes specialized themes for creating web dashboards, blogs, and portfolios. The technical implementation utilizes responsive grid layouts, component-based templates, and utility-first class architecture to standardize typography and spacing across different screen sizes.

    Implements HTML-first structural templates that separate page hierarchy from visual presentation.

    HTMLbootstrapbootstrap-4bootstrap-template
    Auf GitHub ansehen↗7,160
  • lxn/walkAvatar von lxn

    lxn/walk

    7,063Auf GitHub ansehen↗

    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

    Uses layout managers to arrange child widgets within parent containers with controlled positioning and spacing.

    Godeclarativedeclarative-uigo
    Auf GitHub ansehen↗7,063
  • matze/mthemeAvatar von matze

    matze/mtheme

    6,835Auf GitHub ansehen↗

    mtheme is a minimalist visual style for creating presentation slides using the LaTeX Beamer document class. It provides a set of formatting rules and a presentation typesetting style designed to optimize slide layout and content spacing. The theme focuses on a clean, low-noise layout that reduces visual clutter to maximize available content space. It includes a visual progress indicator integrated into each frame to track the viewer's position within the slide deck. The project covers academic presentation formatting and technical slide design, utilizing a document typesetting engine to gene

    Implements custom structural patterns and layout overrides for a minimalist spatial arrangement of slide elements.

    TeXlatex-beamer-themetex
    Auf GitHub ansehen↗6,835
  • nathancahill/splitAvatar von nathancahill

    nathancahill/split

    6,278Auf GitHub ansehen↗

    Unopinionated utilities for resizeable split views

    Provides CSS-driven panel resizing that computes dimensions during drag and applies them via inline styles.

    JavaScriptcssflexboxsplit
    Auf GitHub ansehen↗6,278
  • mimecorg/vuidoAvatar von mimecorg

    mimecorg/vuido

    6,062Auf GitHub ansehen↗

    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

    Provides layout containers that arrange child components vertically or horizontally within a window.

    JavaScriptdesktoplibuivue
    Auf GitHub ansehen↗6,062
  • keldos-li/typora-latex-themeAvatar von Keldos-Li

    Keldos-Li/typora-latex-theme

    5,872Auf GitHub ansehen↗

    Dieses Projekt ist ein CSS-Theme für den Typora-Editor, das darauf ausgelegt ist, LaTeX-Satzstandards zu emulieren. Es fungiert als akademisches Dokumentensatzsystem, das Markdown-Vorschauen in formale Layouts für universitäre Arbeiten und Berichte umwandelt. Das Theme enthält lokalisierte Satzstile, die auf chinesische akademische Standards zugeschnitten sind, und bietet spezifische Schriftarten sowie HTML-Vorlagen für die Erstellung professioneller Deckblätter, Abstracts und Schlagwortabschnitte. Das System verwaltet Dokumententypografie, Seitenränder und mehrstufige Listenstile durch CSS-Variablen und Override-Layer. Es verwendet druckspezifische Media-Queries, um ein kontrolliertes Layout beim Export von Markdown zu PDF sicherzustellen, einschließlich Optionen zur Formatierung der Sichtbarkeit von Hyperlinks für druckfertige Dokumente.

    Inserts pre-defined HTML structures to simulate academic title pages and abstracts.

    SCSSlatextyporatypora-theme
    Auf GitHub ansehen↗5,872
  • valor-software/ngx-bootstrapAvatar von valor-software

    valor-software/ngx-bootstrap

    5,519Auf GitHub ansehen↗

    ngx-bootstrap ist ein Set von Bootstrap-gestylten UI-Widgets und Komponenten, die speziell für das Angular-Framework gebaut wurden. Es bietet eine Bibliothek wiederverwendbarer Interface-Elemente, die für die Arbeit mit der Angular-Ivy-Kompilierungs- und Rendering-Engine konzipiert sind. Die Bibliothek ermöglicht die Integration von Bootstrap-Komponenten in Angular-Anwendungen, um reaktionsschnelle Benutzeroberflächen ohne manuelle CSS- oder JavaScript-Arbeit zu erstellen. Sie ersetzt die Notwendigkeit für jQuery durch die Verwendung von Angular-Direktiven für das Zustandsmanagement und eine adaptive Positionierungs-Engine für schwebende Elemente. Das Komponentenset deckt eine breite Palette interaktiver Elemente ab, einschließlich Navigationskontrollen wie Tabs und Paginierung, Overlay-Fenster wie Modals und Popovers sowie Dateneingabetools wie Datums- und Zeitauswahlen. Es enthält zudem Layout- und Feedback-Widgets wie Akkordeons, Fortschrittsbalken und Alerts.

    Exposes content slots via ng-template to allow custom internal HTML structure for complex widgets.

    TypeScriptangularbootstrapcarousel
    Auf GitHub ansehen↗5,519
Vorherige123Nächste
  1. Home
  2. User Interface & Experience
  3. Layout Management

Unter-Tags erkunden

  • Component Layout Containers4 Sub-TagsFlexible containers and alignment controls used to organize UI elements within a window. **Distinct from Layout Management:** Focuses on the internal arrangement of widgets via containers rather than multi-pane view management.
  • World LayoutsSystems for arranging multiple game levels and managing the transitions between them. **Distinct from Layout Management:** Focuses on the spatial arrangement of game levels rather than application window panes.