awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

7 repositorios

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

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • snapchat/valdiAvatar de Snapchat

    Snapchat/Valdi

    16,380Ver en GitHub↗

    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
    Ver en GitHub↗16,380
  • gyf-dev/immersionbarAvatar de gyf-dev

    gyf-dev/ImmersionBar

    11,459Ver en GitHub↗

    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
    Ver en GitHub↗11,459
  • basscss/basscssAvatar de basscss

    basscss/basscss

    5,892Ver en 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 vertical alignment of inline and table-cell elements.

    CSS
    Ver en GitHub↗5,892
  • mamaral/neonAvatar de mamaral

    mamaral/Neon

    4,552Ver en GitHub↗

    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.

    Swift
    Ver en GitHub↗4,552
  • leaferjs/leafer-uiAvatar de leaferjs

    leaferjs/leafer-ui

    4,184Ver en GitHub↗

    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.

    TypeScriptcanvasinfinite-canvasleafer
    Ver en GitHub↗4,184
  • textualize/toolongAvatar de Textualize

    Textualize/toolong

    3,921Ver en GitHub↗

    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.

    Pythonjsonlrichterminal
    Ver en GitHub↗3,921
  • space-wizards/space-station-14Avatar de space-wizards

    space-wizards/space-station-14

    3,523Ver en GitHub↗

    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
    Ver en GitHub↗3,523
  1. Home
  2. User Interface & Experience
  3. Automatic Element Alignment

Explorar subetiquetas

  • 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.