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

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

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

37 个仓库

Awesome GitHub RepositoriesComponent Layout Containers

Flexible 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.

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

Awesome Component Layout Containers GitHub Repositories

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

    andlabs/libui

    10,882在 GitHub 上查看↗

    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
    在 GitHub 上查看↗10,882
  • coolwanglu/pdf2htmlexcoolwanglu 的头像

    coolwanglu/pdf2htmlEX

    10,603在 GitHub 上查看↗

    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
    在 GitHub 上查看↗10,603
  • meliorence/react-native-snap-carouselmeliorence 的头像

    meliorence/react-native-snap-carousel

    10,519在 GitHub 上查看↗

    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
    在 GitHub 上查看↗10,519
  • cosscom/cosscosscom 的头像

    cosscom/coss

    10,125在 GitHub 上查看↗

    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
    在 GitHub 上查看↗10,125
  • freddier/hyperblogfreddier 的头像

    freddier/hyperblog

    8,812在 GitHub 上查看↗

    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
    在 GitHub 上查看↗8,812
  • bestony/logolybestony 的头像

    bestony/logoly

    7,933在 GitHub 上查看↗

    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
    在 GitHub 上查看↗7,933
  • ikuaitu/vue-fabric-editorikuaitu 的头像

    ikuaitu/vue-fabric-editor

    7,892在 GitHub 上查看↗

    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
    在 GitHub 上查看↗7,892
  • nexu-io/html-anythingnexu-io 的头像

    nexu-io/html-anything

    7,275在 GitHub 上查看↗

    本项目是一个 LLM HTML 工件生成器和沙箱预览器,专为快速原型设计和内容创建而设计。它作为一个本地 AI 智能体桥接器,重用来自命令行编码智能体的已认证会话来执行生成任务,而无需单独的 API 密钥。 该系统通过社交媒体导出工具将 Web 布局转换为平台特定格式,利用内联 CSS 和元数据确保发布的一致性。它采用沙箱渲染环境来隔离执行 AI 生成的代码和脚本,保护宿主浏览器免受污染。 该平台通过将结构化数据(包括 CSV、JSON 和 SQL)转换为精美的 Web 工件(如落地页、专业报告和演示文稿)来处理内容转换。它通过服务器发送事件 (SSE) 将 AI 生成的代码流式传输到浏览器,从而支持实时视觉更新。 导出能力包括将渲染后的 Web 节点转换为高分辨率 PNG 图像和独立 HTML 文件。

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

    HTML
    在 GitHub 上查看↗7,275
  • blackrockdigital/startbootstrapBlackrockDigital 的头像

    BlackrockDigital/startbootstrap

    7,160在 GitHub 上查看↗

    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
    在 GitHub 上查看↗7,160
  • lxn/walklxn 的头像

    lxn/walk

    7,063在 GitHub 上查看↗

    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
    在 GitHub 上查看↗7,063
  • matze/mthemematze 的头像

    matze/mtheme

    6,835在 GitHub 上查看↗

    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
    在 GitHub 上查看↗6,835
  • nathancahill/splitnathancahill 的头像

    nathancahill/split

    6,278在 GitHub 上查看↗

    Unopinionated utilities for resizeable split views

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

    JavaScriptcssflexboxsplit
    在 GitHub 上查看↗6,278
  • mimecorg/vuidomimecorg 的头像

    mimecorg/vuido

    6,062在 GitHub 上查看↗

    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
    在 GitHub 上查看↗6,062
  • keldos-li/typora-latex-themeKeldos-Li 的头像

    Keldos-Li/typora-latex-theme

    5,872在 GitHub 上查看↗

    本项目是一个专为 Typora 编辑器设计的 CSS 主题,旨在模拟 LaTeX 排版标准。它作为一个学术文档排版工具,将 Markdown 预览转换为适合大学风格论文和报告的正式布局。 该主题包含针对中文学术标准定制的本地化排版样式,提供特定的字体和 HTML 模板,用于生成专业的封面、摘要和关键词部分。 该系统通过 CSS 变量和覆盖层管理文档排版、页面边距和多级列表样式。它采用打印专用的媒体查询,确保 Markdown 转 PDF 导出过程中的布局可控,包括格式化打印就绪文档中超链接可见性的选项。

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

    SCSSlatextyporatypora-theme
    在 GitHub 上查看↗5,872
  • valor-software/ngx-bootstrapvalor-software 的头像

    valor-software/ngx-bootstrap

    5,519在 GitHub 上查看↗

    ngx-bootstrap is a set of Bootstrap-styled UI widgets and components built specifically for the Angular framework. It provides a library of reusable interface elements designed to work with the Angular Ivy compilation and rendering engine. The library enables the integration of Bootstrap components into Angular applications to create responsive user interfaces without requiring manual CSS or JavaScript. It replaces the need for jQuery by using Angular directives for state management and an adaptive positioning engine for floating elements. The component set covers a wide range of interactive

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

    TypeScriptangularbootstrapcarousel
    在 GitHub 上查看↗5,519
  • rxi/microuirxi 的头像

    rxi/microui

    5,525在 GitHub 上查看↗

    microui is a minimal immediate-mode graphical user interface library written in C, designed for resource-constrained environments such as embedded systems. It operates without dynamic memory allocation and has no external dependencies beyond standard C, making it a self-contained solution for building lightweight interfaces. The library is delivered as a single header file, simplifying integration into any project. It uses a fixed-allocator heap for all runtime state, guaranteeing deterministic memory use and predictable performance. All drawing is delegated to user-supplied callbacks, keepin

    "Uses a single function to push and pop container regions that automatically position and space nested controls."

    C
    在 GitHub 上查看↗5,525
  • tldraw/draw-a-uitldraw 的头像

    tldraw/draw-a-ui

    5,445在 GitHub 上查看↗

    This project is an AI-powered visual canvas and collaborative whiteboard framework. It functions as a customizable vector drawing engine and a tool for converting hand-drawn interface sketches and wireframes into functional code using artificial intelligence. The system distinguishes itself through the integration of AI agents that can read, modify, and generate visual diagrams directly on the canvas. It also provides a node-based workflow editor for building automation pipelines and data processing flows by connecting multimodal components. The platform covers a broad range of capabilities,

    Manages the automatic positioning and sizing of elements within a flexible container system.

    TypeScript
    在 GitHub 上查看↗5,445
  • jinxiansen/swiftuiJinxiansen 的头像

    Jinxiansen/SwiftUI

    5,440在 GitHub 上查看↗

    This project is a declarative UI pattern library and reference implementation for structuring layouts, navigation flows, and data collections across Apple platforms. It provides a collection of practical implementation patterns and component examples for building user interfaces using the SwiftUI framework. The library serves as a cross-platform reference for rendering visual content on iOS and macOS. It includes a view implementation guide that covers managing navigation, handling user inputs, and embedding web content. The codebase covers broad capability areas including layout management

    Provides layout composition using nested horizontal and vertical stacks to automate screen positioning.

    Swift
    在 GitHub 上查看↗5,440
  • imakewebthings/deck.jsimakewebthings 的头像

    imakewebthings/deck.js

    5,422在 GitHub 上查看↗

    deck.js 是一个 HTML 演示框架和幻灯片生成器,用于创建结构化的数字幻灯片。它将 Web 技术和标准 HTML 元素转换为用于基于浏览器的交付的序列化演示格式。 该系统包括一个用于生成可打印演示讲义的专用实用程序,它将数字幻灯片转换为简化的黑白格式以供物理分发。

    Utilizes CSS-driven layout containers to handle slide transitions and maintain visual consistency across different screen sizes.

    JavaScript
    在 GitHub 上查看↗5,422
  • expressjs/expressjs.comexpressjs 的头像

    expressjs/expressjs.com

    5,355在 GitHub 上查看↗

    该项目是一个技术文档网站和静态网站生成器,旨在作为 API 参考、指南和教程的中心枢纽。它作为一个基于 Markdown 的内容管理系统,将技术写作与展示层分离开来。 该网站利用文件系统路由架构,将源代码的物理目录和文件结构直接映射到公共 URL 路径。这种方法实现了将 Markdown 文件和模板转换为预渲染 HTML 以进行 Web 交付的功能。 该系统涵盖了技术文档托管和开源项目交流的功能,利用模板驱动的布局和资产管道来组织项目文档并优化开发者体验。

    Uses reusable HTML structure templates to wrap content blocks and maintain consistent navigation and branding.

    MDXexpressexpressjsjavascript
    在 GitHub 上查看↗5,355
上一个12下一个
  1. Home
  2. User Interface & Experience
  3. Layout Management
  4. Component Layout Containers

探索子标签

  • CSS-Driven Layout Containers3 个子标签Containers that position and align components using flow or flexbox layouts controlled by CSS display properties. **Distinct from Component Layout Containers:** Distinct from general Component Layout Containers: specifically uses CSS display properties for flow and flexbox layouts.
  • Control Scope IsolationGrouping input controls so they only affect a specific subset of components within a container. **Distinct from Component Layout Containers:** Focuses on limiting the logical scope of filters to specific components, not DOM or failure isolation.
  • Layout Templates3 个子标签Predefined spatial patterns used to position items in specific visual arrangements. **Distinct from Stack-Based Layout Containers:** Distinct from Stack-Based Layout Containers: covers a variety of templates including tinder-style and cards, not just push/pop stacks.
  • Stack-Based Layout ContainersContainer management via a push/pop stack that automatically positions and spaces nested UI controls. **Distinct from Component Layout Containers:** Distinct from Component Layout Containers: focuses on stack-based push/pop management rather than generic flexible container arrangement.