awesome-repositories.com
Blog
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectDespreCum realizăm clasamentulPresăServer MCP
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

8 repository-uri

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

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • mantinedev/mantineAvatar mantinedev

    mantinedev/mantine

    31,263Vezi pe 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
    Vezi pe GitHub↗31,263
  • dotnet/mauiAvatar dotnet

    dotnet/maui

    23,181Vezi pe 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
    Vezi pe GitHub↗23,181
  • plantuml/plantumlAvatar plantuml

    plantuml/plantuml

    13,093Vezi pe 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
    Vezi pe GitHub↗13,093
  • plantuml-stdlib/c4-plantumlAvatar plantuml-stdlib

    plantuml-stdlib/C4-PlantUML

    7,327Vezi pe 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
    Vezi pe GitHub↗7,327
  • adamschwartz/magic-of-cssAvatar adamschwartz

    adamschwartz/magic-of-css

    6,684Vezi pe 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
    Vezi pe GitHub↗6,684
  • basscss/basscssAvatar basscss

    basscss/basscss

    5,892Vezi pe 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
    Vezi pe GitHub↗5,892
  • thoughtbot/neatAvatar thoughtbot

    thoughtbot/neat

    4,368Vezi pe GitHub↗

    Neat este un framework de grid Sass și un sistem de layout responsiv utilizat pentru a construi arhitecturi web fluide, bazate pe coloane. Oferă o abordare structurată pentru gestionarea proprietăților de layout și a setărilor globale de design printr-o hartă de configurare centrală și un set de instrumente de mixin-uri și funcții Sass. Sistemul se distinge prin capacitatea de a gestiona arhitecturi de grid imbricate, permițând grid-urilor flexibile să fie plasate în interiorul altor containere de grid, menținând în același timp alinierea precisă și controlul spațierii. Include, de asemenea, instrumente de dezvoltare pentru depanarea layout-ului frontend care redau linii de ghidare de fundal pentru a vizualiza plasarea coloanelor și lățimile spațiilor. Framework-ul acoperă o gamă largă de primitive de layout, inclusiv întinderea coloanelor, decalarea și reordonarea, precum și containere de pagină centrate și gestionarea clearfix. Permite designul responsiv prin scurtături pentru media queries care adaptează întinderile coloanelor și configurațiile de breakpoint pe diferite lățimi de viewport. Este furnizată o interfață de linie de comandă pentru instalarea, actualizarea sau eliminarea fișierelor framework-ului de layout dintr-un director de proiect.

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

    Rubybourbonbourbon-familycss
    Vezi pe GitHub↗4,368
  • awslabs/diagram-as-codeAvatar awslabs

    awslabs/diagram-as-code

    1,523Vezi pe GitHub↗

    Acest proiect este o bibliotecă pentru generarea diagramelor de arhitectură vizuală și a topologiilor de rețea direct din template-uri de infrastructură-ca-cod și specificații de configurare. Funcționează ca o interfață programatică ce transformă definițiile de infrastructură în documentație vizuală, permițând utilizatorilor să mențină diagramele de sistem ca fișiere text controlate prin versiuni. Instrumentul se distinge printr-un motor de layout automatizat care utilizează algoritmi de grafuri pentru a calcula poziționarea spațială, rutarea conexiunilor și căile de legătură fără configurare manuală a coordonatelor. Suportă ierarhii vizuale complexe prin permiterea grupării logice a resurselor, poziționarea limitelor și aplicarea de stiluri vizuale personalizate componentelor sau segmentelor individuale. Sistemul oferă un set cuprinzător de capabilități pentru gestionarea fluxului și structurii diagramelor, inclusiv pathfinding automatizat, indicatori direcționali și prevenirea suprapunerilor pentru conexiuni. De asemenea, dispune de o interfață de desenare programatică și logică de procesare a template-urilor, care permit integrarea generării de diagrame în fluxuri de lucru automatizate sau agenți software externi.

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

    Goawsdiagram-as-code
    Vezi pe GitHub↗1,523
  1. Home
  2. User Interface & Experience
  3. Layout Controllers

Explorează sub-etichetele

  • Block Display Controls1 sub-tagCSS 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.