7 repository-uri
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.
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.
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.
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.
Neon este un framework Swift pentru layout UI programatic care orchestrează elementele interfeței printr-un motor de poziționare relativă. Acesta calculează dimensiunile și pozițiile view-urilor la runtime pentru a crea interfețe utilizator responsive fără a utiliza constrângeri, arcuri, strut-uri sau limbaj de format vizual. Sistemul organizează elementele în stack-uri și grupuri folosind un orchestrator bazat pe coordonate care rezolvă regulile de aliniere între componentele sibling și părinte. Utilizează o abordare de mapare a coordonatelor bazată pe reguli pentru a traduce descriptorii de aliniere de nivel înalt în coordonate absolute pe ecran. Framework-ul oferă capabilități pentru ancorarea superview-urilor, umplerea spațiului containerului și calcule dinamice de tip „size-to-fit”. De asemenea, suportă alinierea relativă a view-urilor și organizarea elementelor sibling în stack-uri orizontale sau verticale aliniate la margini, colțuri sau centre.
Positions views relative to siblings by applying specific coordinate shifts during the alignment phase.
Leafer UI este un motor de randare HTML5 canvas de înaltă performanță și o bibliotecă de grafică vectorială 2D. Utilizează un arbore de scenă ierarhic pentru a gestiona forme, căi și text, oferind un set de instrumente pentru construirea de aplicații canvas interactive și canvas-uri infinite expansive. Motorul este conceput ca un set de instrumente canvas cross-platform care decuplează logica de bază de API-ul de desenare, permițându-i să ruleze în medii web, mobile, server și mini-program. Se distinge prin furnizarea de instrumente specializate pentru dezvoltarea de editoare grafice interactive, inclusiv detectarea hit-urilor, propagarea evenimentelor (event bubbling) și controale de transformare. Suprafața sa de capabilități acoperă randarea formelor vectoriale, crearea de căi complexe și animații de mișcare. Framework-ul include un motor de layout cu un model flexbox, traducerea spațiului de coordonate pentru poziționare precisă și suport pentru randarea offscreen multi-threaded în web workers. De asemenea, oferă instrumente pentru gestionarea scenei, mascarea elementelor și exportul conținutului canvas în imagini sau JSON. Biblioteca poate fi integrată printr-un tag script standard sau utilizată în cadrul framework-urilor reactive precum React, Vue și Nuxt.
Automatically calculates the position and size of canvas elements based on alignment, direction, and spacing rules.
toolong este un vizualizator de log-uri în terminal și un manager de log-uri TUI conceput pentru monitorizarea fluxurilor de log-uri live și navigarea prin fișiere mari de log-uri. Acesta funcționează ca un agregator de log-uri și formator JSONL, capabil să îmbine mai multe fișiere de log într-o singură vizualizare cronologică prin detectarea automată a timestamp-urilor. Aplicația suportă vizualizarea datelor structurate prin pretty printing-ul fișierelor JSONL și aplicarea evidențierii sintaxei pentru modelele comune de log-uri de server web. Gestionează datele la scară largă eficient prin vizualizări scrollabile de dimensiune virtuală, permițând utilizatorilor să deschidă log-uri comprimate sau fișiere de orice dimensiune fără a încărca întregul document în memorie. Sistemul include capabilități pentru tailing-ul fluxurilor de log-uri, efectuarea de potriviri fuzzy de text și gestionarea navigării printr-un model de ecran bazat pe stivă. De asemenea, oferă o paletă de comenzi pentru descoperirea funcțiilor aplicației și suportă elemente interactive precum link-uri clicabile și tooltip-uri.
Provides control over vertical positioning by placing elements at the top, middle, or bottom of containers.
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.