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

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

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

8 个仓库

Awesome GitHub RepositoriesLayout Controllers

Components and utilities for managing application layout structure, including header, footer, and navigation positioning.

Distinguishing note: Focuses on structural layout management rather than individual form inputs.

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

Awesome Layout Controllers GitHub Repositories

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

    mantinedev/mantine

    31,263在 GitHub 上查看↗

    Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti

    Mantine includes functionality to toggle between different layout modes, controlling the relative positioning and stacking order of headers, footers, and navbars.

    TypeScriptdark-modedark-themehooks
    在 GitHub 上查看↗31,263
  • dotnet/mauidotnet 的头像

    dotnet/maui

    23,181在 GitHub 上查看↗

    This framework is a cross-platform software development kit designed for building native mobile and desktop applications from a single shared codebase. It provides a unified programming interface that allows developers to construct user interfaces using declarative markup, which are then rendered as native components on each target operating system. The framework distinguishes itself through a multi-targeting build system that consolidates platform-specific resources and native control mapping into a unified project structure. It includes a data-driven binding engine that synchronizes applica

    Offers a collection of native-backed controls and layout engines for building application interfaces.

    C#androiddesktopdotnet
    在 GitHub 上查看↗23,181
  • plantuml/plantumlplantuml 的头像

    plantuml/plantuml

    13,093在 GitHub 上查看↗

    PlantUML is a text-to-diagram generator that translates human-readable markup into structured graphical representations. It functions as a diagram-as-code tool, allowing users to create and maintain technical documentation, architectural models, and flowcharts by decoupling diagram content from visual layout. The project distinguishes itself through a comprehensive rendering pipeline that processes domain-specific markup into various output formats, including vector and raster graphics. It utilizes a graph-based layout engine to calculate spatial positioning, while a declarative styling layer

    Diagram layout control adjusts the orientation, direction, and branching structure of the map to optimize space and readability for complex hierarchies.

    Javadiagramdiagram-as-codediagrams
    在 GitHub 上查看↗13,093
  • plantuml-stdlib/c4-plantumlplantuml-stdlib 的头像

    plantuml-stdlib/C4-PlantUML

    7,327在 GitHub 上查看↗

    C4-PlantUML is a code-driven library that generates C4 model software architecture diagrams from PlantUML source text. It provides a set of reusable macros for creating system context, container, component, and deployment diagrams, enabling architects and developers to describe and communicate software architecture using the C4 model notation directly from diagram-as-code source files. The library distinguishes itself through hierarchical element nesting, which builds diagrams by nesting elements inside boundaries using PlantUML's rectangle and package constructs, and layout-direction control

    Sets the overall reading direction of the diagram to top-to-bottom, left-to-right, or landscape orientation.

    PlantUMLarchitecturec4c4model
    在 GitHub 上查看↗7,327
  • adamschwartz/magic-of-cssadamschwartz 的头像

    adamschwartz/magic-of-css

    6,684在 GitHub 上查看↗

    Magic of CSS is a structured tutorial series that teaches web developers advanced CSS layout, typography, and animation techniques through hands-on examples. The course covers the full spectrum of CSS capabilities, from foundational box model and positioning concepts to sophisticated animation and interactive state management, all without relying on JavaScript. The series distinguishes itself by teaching practical, real-world CSS patterns such as inline-block justified grids, percentage-based absolute positioning, table-display vertical centering, and letter-span styling techniques. It demons

    Control whether an element fills its parent's width or shrinks to its content, and whether it allows horizontal neighbors.

    CSScssdesignexamples
    在 GitHub 上查看↗6,684
  • basscss/basscssbasscss 的头像

    basscss/basscss

    5,892在 GitHub 上查看↗

    Basscss is a lightweight CSS utility toolkit built on an atomic, single-purpose class architecture. Each class performs exactly one visual function, enabling immutable, side-effect-free styling where no class ever overrides or conflicts with another. The system provides a predefined spacing scale, responsive breakpoint prefixes for conditional styling across device widths, and accessible visibility control that keeps content programmatically available to assistive technologies. The framework distinguishes itself through a float-based grid system that constructs layouts using floated percentag

    Ships utility classes for switching element display types.

    CSS
    在 GitHub 上查看↗5,892
  • thoughtbot/neatthoughtbot 的头像

    thoughtbot/neat

    4,368在 GitHub 上查看↗

    Neat 是一个 Sass 网格框架和响应式布局系统,用于构建流式、基于列的 Web 架构。它通过中央配置映射以及 Sass Mixin 和函数工具集,提供了一种管理布局属性和全局设计设置的结构化方法。 该系统以处理嵌套网格架构的能力而著称,允许将灵活的网格放置在其他网格容器内,同时保持精确的对齐和间距控制。它还包括用于前端布局调试的开发工具,通过渲染背景引导线来可视化列位置和间距宽度。 该框架涵盖了广泛的布局原语,包括列跨度、偏移和重排序,以及居中的页面容器和清除浮动管理。它通过媒体查询快捷方式实现响应式设计,以适应不同视口宽度下的列跨度和断点配置。 提供了一个命令行界面,用于在项目目录中安装、更新或移除布局框架文件。

    Provides controls to manage CSS block-level display behavior for grid components.

    Rubybourbonbourbon-familycss
    在 GitHub 上查看↗4,368
  • awslabs/diagram-as-codeawslabs 的头像

    awslabs/diagram-as-code

    1,523在 GitHub 上查看↗

    This project is a library for generating visual architecture diagrams and network topologies directly from infrastructure-as-code templates and configuration specifications. It functions as a programmatic interface that transforms infrastructure definitions into visual documentation, allowing users to maintain system diagrams as version-controlled text files. The tool distinguishes itself through an automated layout engine that uses graph algorithms to calculate spatial positioning, connection routing, and link paths without manual coordinate configuration. It supports complex visual hierarch

    Adds directional indicators to connection lines to clarify data flow between resources.

    Goawsdiagram-as-code
    在 GitHub 上查看↗1,523
  1. Home
  2. User Interface & Experience
  3. Layout Controllers

探索子标签

  • Block Display Controls1 个子标签CSS properties that control whether an element fills its parent's width or shrinks to its content, and whether it allows horizontal neighbors. **Distinct from Layout Controllers:** Distinct from Layout Controllers: focuses on CSS block-level display behavior (width, shrink-to-fit, horizontal neighbors) rather than structural application layout management.
  • Diagram Layout OrientationsSettings for adjusting the directional flow and orientation of diagram components. **Distinct from Layout Controllers:** Distinct from general UI layout controllers: focuses specifically on diagrammatic flow direction (e.g., top-down vs left-right) rather than application-level UI positioning.
  • Directional Flow ControllersSettings for defining the branching structure and directional flow of diagrammatic maps. **Distinct from Layout Controllers:** Distinct from Layout Controllers: focuses on diagram-specific branching and flow control rather than UI structural management.