7 repositorios
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 es un framework de diseño de UI programático para Swift que orquesta elementos de interfaz a través de un motor de posicionamiento relativo. Calcula los tamaños y posiciones de las vistas en tiempo de ejecución para crear interfaces de usuario responsivas sin usar constraints, springs, struts o lenguaje de formato visual. El sistema organiza los elementos en pilas y grupos utilizando un orquestador basado en coordenadas que resuelve las reglas de alineación entre componentes hermanos y padres. Utiliza un enfoque de mapeo de coordenadas basado en reglas para traducir descriptores de alineación de alto nivel en coordenadas de pantalla absolutas. El framework proporciona capacidades para el anclaje a supervistas, relleno de espacio en contenedores y cálculos dinámicos de tamaño (size-to-fit). Además, admite la alineación relativa de vistas y la organización de elementos hermanos en pilas horizontales o verticales alineadas a bordes, esquinas o centros.
Positions views relative to siblings by applying specific coordinate shifts during the alignment phase.
Leafer UI es un motor de renderizado de canvas HTML5 de alto rendimiento y una biblioteca de gráficos vectoriales 2D. Utiliza un árbol de escenas jerárquico para gestionar formas, rutas y texto, proporcionando un kit de herramientas para construir aplicaciones de canvas interactivas y lienzos infinitos expansivos. El motor está diseñado como un kit de herramientas de canvas multiplataforma que desacopla la lógica central de la API de dibujo, permitiéndole ejecutarse en entornos web, móviles, de servidor y de mini-programas. Se distingue por proporcionar herramientas especializadas para el desarrollo de editores gráficos interactivos, incluyendo detección de impactos (hit detection), propagación de eventos y controles de transformación. Su superficie de capacidad cubre el renderizado de formas vectoriales, la creación de rutas complejas y animaciones de movimiento. El framework incluye un motor de diseño con un modelo de caja flexible, traducción de espacio de coordenadas para un posicionamiento preciso y soporte para renderizado fuera de pantalla multihilo en web workers. También proporciona herramientas para la gestión de escenas, enmascaramiento de elementos y exportación de contenido de canvas a imágenes o JSON. La biblioteca se puede integrar mediante una etiqueta de script estándar o utilizarse dentro de frameworks reactivos como React, Vue y Nuxt.
Automatically calculates the position and size of canvas elements based on alignment, direction, and spacing rules.
toolong es un visor de logs de terminal y gestor de logs TUI diseñado para monitorear flujos de logs en vivo y navegar por archivos de logs grandes. Funciona como un agregador de logs y formateador JSONL, capaz de fusionar múltiples archivos de logs en una única vista cronológica detectando automáticamente las marcas de tiempo. La aplicación admite la visualización de datos estructurados mediante la impresión bonita de archivos JSONL y la aplicación de resaltado de sintaxis a patrones comunes de logs de servidores web. Maneja datos a gran escala de manera eficiente a través de vistas desplazables de tamaño virtual, permitiendo a los usuarios abrir logs comprimidos o archivos de cualquier tamaño sin cargar todo el documento en la memoria. El sistema incluye capacidades para seguir flujos de logs, realizar coincidencias de texto difusas y gestionar la navegación a través de un modelo de pantalla basado en pila. También proporciona una paleta de comandos para descubrir funciones de la aplicación y admite elementos interactivos como enlaces clicables y tooltips al pasar el ratón.
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.