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
·

7 Repos

Awesome GitHub RepositoriesAutomatic Element Alignment

UI systems that automatically calculate the position and size of components based on alignment rules.

Distinct from Programmatic Position and Size: Candidates focused on specific anchoring or manual programmatic sizing, not general automatic alignment systems.

Explore 7 awesome GitHub repositories matching user interface & experience · Automatic Element Alignment. Refine with filters or upvote what's useful.

Awesome Automatic Element Alignment GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • snapchat/valdiAvatar von Snapchat

    Snapchat/Valdi

    16,380Auf GitHub ansehen↗

    Valdi is a cross-platform native UI framework that compiles declarative TypeScript code into native platform views. It functions as a declarative UI engine and multi-platform frontend toolchain designed to achieve high performance by avoiding web views. The framework features a native bridge binding tool that generates type-safe bindings between TypeScript and native languages, allowing direct access to platform APIs. It supports a hot-reload development workflow, enabling real-time updates to the user interface across platforms without requiring full project recompilation. The system includ

    Automatically calculates component positions and sizes using a flexible box model for consistent alignment.

    C++androidcross-platformios
    Auf GitHub ansehen↗16,380
  • gyf-dev/immersionbarAvatar von gyf-dev

    gyf-dev/ImmersionBar

    11,459Auf GitHub ansehen↗

    ImmersionBar is a set of control utilities for Android designed to manage immersive display modes, notch-aware layouts, virtual keyboard visibility, and system bar aesthetics. It provides a centralized way to maximize screen real estate by toggling full-screen displays and controlling the behavior of status and navigation bars. The library distinguishes itself through specialized adaptation for hardware cutouts and notches, calculating precise offsets and window insets to prevent user interface elements from being obscured. It also includes a dedicated handler for soft keyboard management, wh

    Applies padding and margins to stop system bars from obscuring critical application content and interactive elements.

    Javaandroidbardialog
    Auf GitHub ansehen↗11,459
  • basscss/basscssAvatar von basscss

    basscss/basscss

    5,892Auf GitHub ansehen↗

    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 vertical alignment of inline and table-cell elements.

    CSS
    Auf GitHub ansehen↗5,892
  • mamaral/neonAvatar von mamaral

    mamaral/Neon

    4,552Auf GitHub ansehen↗

    Neon ist ein Swift-Framework für programmatisches UI-Layout, das Schnittstellenelemente durch eine Engine für relative Positionierung orchestriert. Es berechnet View-Größen und -Positionen zur Laufzeit, um responsive Benutzeroberflächen zu erstellen, ohne Constraints, Springs, Struts oder Visual Format Language zu verwenden. Das System organisiert Elemente in Stacks und Gruppen unter Verwendung eines koordinatenbasierten Orchestrators, der Ausrichtungsregeln zwischen Geschwister- und Elternkomponenten auflöst. Es nutzt einen regelbasierten Koordinaten-Mapping-Ansatz, um hochrangige Ausrichtungsdeskriptoren in absolute Bildschirmkoordinaten zu übersetzen. Das Framework bietet Funktionen für Superview-Anchoring, Container-Space-Filling und dynamische Size-to-Fit-Berechnungen. Es unterstützt zudem die relative View-Ausrichtung und die Organisation von Geschwisterelementen in horizontalen oder vertikalen Stacks, die an Kanten, Ecken oder Zentren ausgerichtet sind.

    Positions views relative to siblings by applying specific coordinate shifts during the alignment phase.

    Swift
    Auf GitHub ansehen↗4,552
  • leaferjs/leafer-uiAvatar von leaferjs

    leaferjs/leafer-ui

    4,184Auf GitHub ansehen↗

    Leafer UI ist eine hochperformante HTML5-Canvas-Rendering-Engine und eine Bibliothek für 2D-Vektorgrafiken. Sie nutzt einen hierarchischen Szenenbaum zur Verwaltung von Formen, Pfaden und Text und bietet ein Toolkit für den Aufbau interaktiver Canvas-Anwendungen und expansiver unendlicher Arbeitsflächen. Die Engine ist als plattformübergreifendes Canvas-Toolkit konzipiert, das die Kernlogik von der Zeichen-API entkoppelt, wodurch sie in Web-, Mobil-, Server- und Mini-Programm-Umgebungen ausgeführt werden kann. Sie zeichnet sich durch die Bereitstellung spezialisierter Werkzeuge für die Entwicklung interaktiver Grafikeditoren aus, einschließlich Hit-Detection, Event-Bubbling und Transformationssteuerungen. Ihr Funktionsumfang deckt Vektorform-Rendering, komplexe Pfaderstellung und Bewegungsanimationen ab. Das Framework enthält eine Layout-Engine mit flexiblem Box-Modell, Koordinatenraum-Transformation für präzise Positionierung und Unterstützung für Multi-Threaded-Offscreen-Rendering in Web-Workern. Zudem bietet es Werkzeuge für Szenenverwaltung, Elementmaskierung und den Export von Canvas-Inhalten in Bilder oder JSON. Die Bibliothek kann über ein Standard-Script-Tag integriert oder innerhalb reaktiver Frameworks wie React, Vue und Nuxt verwendet werden.

    Automatically calculates the position and size of canvas elements based on alignment, direction, and spacing rules.

    TypeScriptcanvasinfinite-canvasleafer
    Auf GitHub ansehen↗4,184
  • textualize/toolongAvatar von Textualize

    Textualize/toolong

    3,921Auf GitHub ansehen↗

    toolong ist ein Terminal-Log-Viewer und TUI-Log-Manager, der für die Überwachung von Live-Log-Streams und die Navigation in großen Log-Dateien entwickelt wurde. Er fungiert als Log-Aggregator und JSONL-Formatter, der in der Lage ist, mehrere Log-Dateien zu einer einzigen chronologischen Ansicht zusammenzuführen, indem Zeitstempel automatisch erkannt werden. Die Anwendung unterstützt die Visualisierung strukturierter Daten durch Pretty-Printing von JSONL-Dateien und die Anwendung von Syntax-Highlighting auf gängige Webserver-Log-Muster. Sie verarbeitet große Datenmengen effizient durch scrollbare Ansichten mit virtueller Größe, was es Benutzern ermöglicht, komprimierte Logs oder Dateien beliebiger Größe zu öffnen, ohne das gesamte Dokument in den Arbeitsspeicher zu laden. Das System umfasst Funktionen für das Tailing von Log-Streams, das Fuzzy-Text-Matching und die Navigation über ein Stack-basiertes Screen-Modell. Es bietet zudem eine Befehlspalette zur Entdeckung von Anwendungsfunktionen und unterstützt interaktive Elemente wie anklickbare Links und Hover-Tooltips.

    Provides control over vertical positioning by placing elements at the top, middle, or bottom of containers.

    Pythonjsonlrichterminal
    Auf GitHub ansehen↗3,921
  • space-wizards/space-station-14Avatar von space-wizards

    space-wizards/space-station-14

    3,523Auf GitHub ansehen↗

    Space Station 14 is a C# multiplayer game and roleplay simulation framework. It is built upon an Entity-Component-System (ECS) game engine that separates logic into systems and data into components to manage complex entity interactions. The project functions as a grid-based physics simulator with a YAML data-driven prototype system for defining game objects. The project features a specialized 2D sprite rendering engine that maps server-side appearance data to client-side shaders. It implements a networking model with client-side prediction and dirty-flagged state synchronization to reduce inp

    Automatically positions and sizes UI components using container controls and alignment settings.

    C#c-sharpgamehacktoberfest
    Auf GitHub ansehen↗3,523
  1. Home
  2. User Interface & Experience
  3. Automatic Element Alignment

Unter-Tags erkunden

  • System Bar Occlusion AvoidanceApplying padding and margins to ensure interactive elements are not hidden by system bars. **Distinct from Automatic Element Alignment:** Focuses on avoiding occlusion by system bars specifically, rather than general automatic layout rules.
  • Vertical Alignment UtilitiesSingle-purpose CSS classes for adjusting vertical alignment of inline or table-cell elements. **Distinct from Automatic Element Alignment:** Distinct from Automatic Element Alignment: provides explicit utility classes for vertical alignment values, not automatic calculation systems.
  • Vertical Content AlignmentLogic for placing elements at the top, middle, or bottom of a container. **Distinct from Vertical Alignment Utilities:** Provides general vertical positioning for UI elements rather than specific CSS utility classes.