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

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

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

24 个仓库

Awesome GitHub RepositoriesAutomatic Layout Engines

Systems that automatically calculate component positioning and sizing based on container constraints.

Distinct from Automatic Configuration: Distinct from Automatic Configuration: focuses on UI layout geometry rather than component wiring.

Explore 24 awesome GitHub repositories matching software engineering & architecture · Automatic Layout Engines. Refine with filters or upvote what's useful.

Awesome Automatic Layout Engines GitHub Repositories

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

    chenglou/pretext

    48,480在 GitHub 上查看↗

    Pretext is a canvas-based text layout engine designed to calculate precise text dimensions and line breaks for custom rendering. It serves as a rich text measurement tool and a cross-browser typography normalizer, enabling the determination of pixel-perfect widths and heights for mixed inline content without relying on browser CSS. The project distinguishes itself through its ability to handle complex typography and dynamic layouts. It implements language-specific segmentation rules for CJK and Hangul scripts and corrects emoji width variances between DOM and canvas rendering. Additionally, i

    Verifies layout engine stability by rendering long-form text corpora across multiple languages.

    TypeScript
    在 GitHub 上查看↗48,480
  • heygen-com/hyperframesheygen-com 的头像

    heygen-com/hyperframes

    28,209在 GitHub 上查看↗

    Hyperframes is an HTML-to-video rendering engine and composition tool that transforms web layouts and CSS into encoded video files. It functions as a headless browser video pipeline and a distributed video rendering framework, allowing users to create seekable animations and programmatic motion designs using HTML, CSS, and JavaScript. The project differentiates itself as an AI agent video orchestrator, enabling the automation of video scripts and compositions through natural language prompts. It supports distributed video encoding by splitting rendering tasks across multiple serverless functi

    Analyzes HTML structure and attributes to detect syntax errors or incompatible design tokens before rendering.

    TypeScript
    在 GitHub 上查看↗28,209
  • fyne-io/fynefyne-io 的头像

    fyne-io/fyne

    27,941在 GitHub 上查看↗

    Fyne is a cross-platform graphical user interface toolkit for the Go programming language. It provides a comprehensive framework for building native applications that run on desktop, mobile, and web environments from a single codebase. The toolkit centers on a canvas-based rendering engine and a device-independent layout engine, ensuring that visual elements maintain consistent dimensions and behavior across diverse operating systems and screen densities. The project distinguishes itself through a reactive data-binding system that automatically synchronizes application state with interface co

    Organizes graphical components using predefined rules that automatically handle positioning and scaling based on available space.

    Goandroidcross-platformfyne
    在 GitHub 上查看↗27,941
  • libgdx/libgdxlibgdx 的头像

    libgdx/libgdx

    24,816在 GitHub 上查看↗

    LibGDX is a Java-based framework designed for cross-platform game development, enabling the creation and deployment of 2D and 3D games across desktop, mobile, and web environments from a single codebase. It functions as a comprehensive library that abstracts hardware-accelerated graphics, audio, input, and file system access, providing a unified interface for developers to manage game logic and application lifecycles. The framework distinguishes itself through a high-performance architecture that prioritizes efficiency and native interoperability. It utilizes a batch-oriented graphics pipelin

    Positions and sizes interface elements using a parent-child hierarchy that automatically adjusts to different screen resolutions and widget sizes.

    Java2d3dandroid
    在 GitHub 上查看↗24,816
  • react-grid-layout/react-grid-layoutreact-grid-layout 的头像

    react-grid-layout/react-grid-layout

    22,319在 GitHub 上查看↗

    React Grid Layout is a toolkit for building draggable, resizable, and responsive dashboard interfaces. It functions as a coordinate-based grid system that reconciles component positions and dimensions through declarative metadata, allowing developers to manage complex collections of UI elements that users can interact with directly. The library distinguishes itself through an automated packing algorithm that maintains structural integrity by shifting elements to fill gaps and resolving overlaps. It supports responsive design by monitoring container width changes against pre-defined breakpoint

    Automatically adjusts item positions and sizes upon initialization to resolve overlaps and invalid dimensions.

    TypeScriptdrag-and-dropes2015grid
    在 GitHub 上查看↗22,319
  • vim-airline/vim-airlinevim-airline 的头像

    vim-airline/vim-airline

    17,957在 GitHub 上查看↗

    vim-airline is a customizable status and tab line plugin for Vim that displays editor state and plugin metadata in real time. It serves as a visual interface extension and buffer manager, providing an enhanced UI through a dynamic status line and a top tab bar for navigating open files. The plugin features a theme-based styling system that supports predefined color schemes and specialized font icons. Users can configure the visual aesthetic by modifying colors and reordering individual status line sections to control which information is visible. The system manages editor state visualization

    Automatically calculates the visibility of status line sections based on the window width constraints.

    Vim Scriptstatuslinetablinevim
    在 GitHub 上查看↗17,957
  • op7418/guizang-ppt-skillop7418 的头像

    op7418/guizang-ppt-skill

    17,621在 GitHub 上查看↗

    This project is an LLM-powered presentation generator and HTML slide deck framework designed to produce single-file presentations. It combines an AI-driven generation system with a playback engine that utilizes WebGL-accelerated rendering for high-performance visual storytelling. The system is distinguished by its focus on design system enforcement, utilizing a validator to ensure layouts adhere to specific typographic and structural rules. It includes a specialized AI visual asset pipeline that generates context-aware imagery and transforms raw screenshots into polished assets through progra

    Checks content against structural and typographic constraints to ensure adherence to the design system.

    HTMLai-agentclaude-codecodex
    在 GitHub 上查看↗17,621
  • rendercv/rendercvrendercv 的头像

    rendercv/rendercv

    16,955在 GitHub 上查看↗

    RenderCV is a command-line utility designed to transform structured YAML data into professionally typeset documents. By separating content from presentation, it allows users to maintain version-controlled resumes that are automatically rendered into high-quality PDF, HTML, and Markdown formats. The system leverages a specialized typesetting engine to ensure precise layout control and professional-grade typography. The project distinguishes itself through a schema-driven approach that enforces strict data validation, ensuring that input files are error-free before processing. Users can customi

    Validates numerical spacing and sizing values to prevent errors during the typesetting process.

    Pythoncvcv-buildercv-generator
    在 GitHub 上查看↗16,955
  • imagemagick/imagemagickImageMagick 的头像

    ImageMagick/ImageMagick

    15,742在 GitHub 上查看↗

    ImageMagick is a comprehensive software suite for the creation, editing, composition, and conversion of digital images. It functions as both a command-line utility for batch processing and automation, and as a programming library that allows developers to integrate advanced image manipulation capabilities into external applications. The project is distinguished by its modular architecture, which supports hundreds of image formats through a pluggable coder system and external delegate libraries. It is designed for high-performance environments, utilizing memory-mapped pixel caching, stream-ori

    Arranges images into continuous irregular courses with automatic dimension calculation.

    Ccommand-line-image-tooldigital-image-editingimage-conversion
    在 GitHub 上查看↗15,742
  • jessyancoding/androidautosizeJessYanCoding 的头像

    JessYanCoding/AndroidAutoSize

    13,731在 GitHub 上查看↗

    AndroidAutoSize is a screen adaptation library for Android that automatically scales layout dimensions and view sizes across different screen resolutions. It functions as an automatic layout scaler and view dimension manager, ensuring that user interface proportions remain consistent by referencing a base design dimension. The library allows developers to define screen measurements using alternative units such as millimeters, inches, or points instead of standard density-independent pixels. It includes capabilities for custom dimension overrides, enabling the scaling process to be disabled or

    Acts as an automatic layout engine that calculates component sizing based on base design constraints.

    Javaadapterviewandroidarms
    在 GitHub 上查看↗13,731
  • forkingdog/uitableview-fdtemplatelayoutcellforkingdog 的头像

    forkingdog/UITableView-FDTemplateLayoutCell

    9,872在 GitHub 上查看↗

    UITableView-FDTemplateLayoutCell is a specialized table view cell component for iOS designed to automatically calculate and manage dynamic row heights based on content constraints. It provides a programmatic implementation for determining cell dimensions using auto layout to ensure content fits without requiring manual height overrides. The project utilizes a template-cell sizing mechanism that employs a hidden cell instance to calculate dimensions without triggering the actual table view rendering process. To maintain scrolling performance in long lists, it includes a caching system that sto

    Automatically determines table cell heights using layout constraints or size fitting to ensure content alignment.

    Objective-C
    在 GitHub 上查看↗9,872
  • gorhom/react-native-bottom-sheetgorhom 的头像

    gorhom/react-native-bottom-sheet

    9,003在 GitHub 上查看↗

    This is a bottom sheet component library for React Native that provides gesture-driven panels sliding up from the bottom of the screen. The library is built around configurable snap points, dynamic sizing, keyboard awareness, modal presentation, and synchronized scrolling, with native driver animation offloaded to the native thread for smooth performance. The library distinguishes itself through deep gesture and animation control, including custom gesture handler overrides, scroll-gesture synchronization, and dynamic snap point recalculation when content size or keyboard visibility changes. I

    Automatically adjusts the bottom sheet height to fit the dynamic size of its content.

    TypeScriptbottom-sheetbottomsheetmodal
    在 GitHub 上查看↗9,003
  • gridstack/gridstack.jsgridstack 的头像

    gridstack/gridstack.js

    8,972在 GitHub 上查看↗

    gridstack.js is a JavaScript grid layout library and responsive dashboard framework used to create interactive interfaces with draggable and resizable elements. It functions as a drag-and-drop layout manager and a JSON-serializable layout engine, allowing user-defined interface states to be persisted and restored. The library distinguishes itself through a touch-enabled grid interface and a responsive system that automatically adjusts item placement based on screen breakpoints. It features a collision-based layout engine that manages overlapping coordinates to shift or swap elements, alongsid

    Adds, removes, or updates widgets and converts existing DOM elements into manageable grid items.

    TypeScriptangulardashboardgrid
    在 GitHub 上查看↗8,972
  • checkstyle/checkstylecheckstyle 的头像

    checkstyle/checkstyle

    8,867在 GitHub 上查看↗

    Checkstyle is a Java static analysis tool and linter designed to identify and enforce coding standards and best practices. It functions as a code quality auditor and Javadoc validation tool, checking source code against configurable rulesets to ensure structural and stylistic consistency. The project allows for the creation of custom linting rules by extending a core API to inspect the abstract syntax tree. It further enables specialized validation through the use of XPath expressions to query the syntax tree for specific code patterns and violations. Capability areas include the enforcement

    Ensures documentation comments are well-formed and follow specific positioning and indentation rules.

    Javacode-qualitycommand-line-toolhacktoberfest
    在 GitHub 上查看↗8,867
  • jbaysolutions/vue-grid-layoutjbaysolutions 的头像

    jbaysolutions/vue-grid-layout

    7,414在 GitHub 上查看↗

    vue-grid-layout is a draggable and resizable grid system for Vue.js that enables users to customize the placement and size of interface elements. It functions as a dynamic widget orchestrator and a state-persistent layout manager, allowing for the creation of customizable dashboard interfaces where components can be arranged and sized according to user preference. The system operates as a responsive dashboard framework that automatically adapts grid arrangements based on viewport size and supports right-to-left text directions. It provides the ability to capture and serialize grid positions a

    Supports adding and removing interactive widgets in real time without requiring a full interface rebuild.

    JavaScriptdrag-and-dropgridgrid-layout
    在 GitHub 上查看↗7,414
  • superdesigndev/superdesignsuperdesigndev 的头像

    superdesigndev/superdesign

    6,004在 GitHub 上查看↗

    Superdesign is an AI-powered design platform that generates UI mockups, wireframes, and multi-page user flows from natural language prompts within a collaborative canvas environment. It functions as a design-to-code exporter, producing production-ready HTML, ZIP archives, or Shopify Liquid templates for direct implementation, and includes an OpenAPI specification importer that automatically generates API documentation and client code from schema definitions. The platform distinguishes itself through a branch-based design exploration system that creates independent design variations from a sin

    Automatically generates full page sequences and layouts for user journeys from high-level descriptions.

    TypeScript
    在 GitHub 上查看↗6,004
  • countly/countly-servercountly 的头像

    countly/countly-server

    5,875在 GitHub 上查看↗

    Countly is a self-hosted product analytics and engagement platform that tracks user behavior across mobile, web, and desktop applications. It collects and analyzes device properties, user actions, and session lifecycle data to understand engagement patterns, while also providing crash reporting, push notification delivery, and A/B testing capabilities. The platform is designed for privacy-first deployment, with built-in consent management and the ability to run entirely on private infrastructure. The platform distinguishes itself through its comprehensive feature set that combines analytics w

    Designs and analyzes multi-step user flows and in-app content to optimize engagement.

    JavaScript
    在 GitHub 上查看↗5,875
  • gsdios/sdautolayoutgsdios 的头像

    gsdios/SDAutoLayout

    5,869在 GitHub 上查看↗

    SDAutoLayout 是一个 iOS UI 布局框架和程序化封装库。它提供了一个自动布局约束引擎,以及用于在 Apple iOS 用户界面生态系统中管理视图尺寸和位置的工具。 该项目具有动态内容高度计算器和用于定义布局约束的简化语法,以减少样板代码。它包含专门的实用程序,可根据内部文本内容自动确定并缓存表格单元格和标签的高度。 该框架涵盖了一系列布局功能,包括自动内容尺寸调整、基于固有尺寸的缩放以及缓存尺寸解析,以提高滚动性能。

    Automatically adjusts label and scroll view dimensions to fit their internal text or content.

    Objective-C
    在 GitHub 上查看↗5,869
  • joshuaclayton/blueprint-cssjoshuaclayton 的头像

    joshuaclayton/blueprint-css

    5,286在 GitHub 上查看↗

    Blueprint-css 是一个 CSS 框架,提供了一组预定义样式和响应式网格系统,用于构建一致的网页布局和排版。它包括一个浏览器样式重置以移除默认浏览器样式,确保在不同环境下拥有统一的视觉起点。 该框架具有基于列的响应式网格系统,可自动适应各种屏幕尺寸和设备上的 Web 内容。它还包括一个专门的打印样式表,以优化 Web 内容在物理打印时的外观。 该项目涵盖了排版标准化、表单输入样式和前端资产优化。提供了一个构建脚本来压缩样式表并移除未使用的功能,以减小最终资产包的大小。 开发工具包括一个布局验证系统,可在浏览器中勾勒元素轮廓,以提示缺失的声明或错误的类使用。

    Includes a layout validation system that outlines elements to signal missing styles or incorrect class usage.

    CSS
    在 GitHub 上查看↗5,286
  • wjakob/nanoguiwjakob 的头像

    wjakob/nanogui

    4,863在 GitHub 上查看↗

    nanogui 是一个原生 C++ 工具包,用于在 OpenGL 图形上下文中直接渲染交互式用户界面组件。它作为一个跨平台小部件库和即时模式(immediate-mode)框架,用于创建窗口、按钮、滑块和输入框。 该工具包提供了构建技术界面的专业功能,包括实时参数控制面板和图形密集型软件的自定义工具。它通过 DPI 感知坐标缩放,确保在不同操作系统和屏幕分辨率下具有视觉一致性。 该框架包含一个基于约束的布局引擎,用于自动定位小部件,以及一个基于组合的层次结构来组织界面元素。用户交互通过状态化输入处理和回调驱动的事件处理来管理,从而将图形输入映射到应用程序逻辑。

    Features an automatic layout engine that positions and sizes elements based on defined constraints.

    C++
    在 GitHub 上查看↗4,863
上一个12下一个
  1. Home
  2. Software Engineering & Architecture
  3. Automatic Configuration
  4. Automatic Layout Engines

探索子标签

  • Content-Driven Sizing1 个子标签Automatically adjusts the dimensions of layout elements based on changes to their internal content. **Distinct from Automatic Layout Engines:** Distinct from Automatic Layout Engines: specifically focuses on resizing a widget when its content changes, not general constraint-based layout.
  • Irregular Layout EnginesSystems for arranging images into continuous irregular courses with automatic dimension calculation. **Distinct from Automatic Layout Engines:** Distinct from automatic layout engines: focuses on irregular image courses rather than UI component positioning.
  • Layout Validators2 个子标签Automated routines for checking and correcting invalid component positions or dimensions. **Distinct from Automatic Layout Engines:** Distinct from automatic layout engines: focuses on the validation and correction of existing layouts rather than the initial calculation.
  • User Journey Flow PlannersAutomatically generating the full page sequence and layouts for a user journey from a high-level description. **Distinct from Automatic Layout Engines:** Distinct from Automatic Layout Engines: focuses on planning multi-page user flows, not just component positioning within a single layout.
  • Widget Lifecycle ManagementManaging the insertion and removal of widgets within a layout engine while maintaining structural integrity. **Distinct from Automatic Layout Engines:** Focuses on the lifecycle of UI widgets within a layout, not CI/CD nodes or blockchain nodes.