7 रिपॉजिटरी
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 is a Swift programmatic UI layout framework that orchestrates interface elements through a relative positioning engine. It calculates view sizes and positions at runtime to create responsive user interfaces without using constraints, springs, struts, or visual format language. The system organizes elements into stacks and groups using a coordinate-based orchestrator that resolves alignment rules between sibling and parent components. It utilizes a rule-based coordinate mapping approach to translate high-level alignment descriptors into absolute screen coordinates. The framework provides
Positions views relative to siblings by applying specific coordinate shifts during the alignment phase.
Leafer UI एक उच्च-प्रदर्शन HTML5 कैनवास रेंडरिंग इंजन और 2D वेक्टर ग्राफिक्स लाइब्रेरी है। यह इंटरैक्टिव कैनवास एप्लिकेशन और व्यापक अनंत कैनवास बनाने के लिए एक टूलकिट प्रदान करते हुए, आकृतियों, पथों और टेक्स्ट को प्रबंधित करने के लिए एक पदानुक्रमित दृश्य ट्री का उपयोग करती है। यह इंजन एक क्रॉस-प्लेटफॉर्म कैनवास टूलकिट के रूप में डिज़ाइन किया गया है जो ड्राइंग API से मुख्य लॉजिक को अलग करता है, जिससे यह वेब, मोबाइल, सर्वर और मिनी-प्रोग्राम वातावरण में चल सकता है। यह हिट डिटेक्शन, इवेंट बबलिंग और ट्रांसफॉर्मेशन कंट्रोल्स सहित इंटरैक्टिव ग्राफिक एडिटर विकास के लिए विशेष टूल्स प्रदान करके खुद को अलग करता है। इसकी क्षमता सतह वेक्टर आकार रेंडरिंग, जटिल पथ निर्माण और मोशन एनिमेशन को कवर करती है। इस फ्रेमवर्क में एक लचीले बॉक्स मॉडल के साथ एक लेआउट इंजन, सटीक पोजिशनिंग के लिए निर्देशांक-स्थान अनुवाद, और वेब वर्कर्स में मल्टी-थ्रेडेड ऑफस्क्रीन रेंडरिंग के लिए समर्थन शामिल है। यह दृश्य प्रबंधन, तत्व मास्किंग और कैनवास कंटेंट को इमेज या JSON में निर्यात करने के लिए टूल्स भी प्रदान करता है। इस लाइब्रेरी को एक मानक स्क्रिप्ट टैग के माध्यम से एकीकृत किया जा सकता है या React, Vue और Nuxt जैसे रिएक्टिव फ्रेमवर्क के भीतर उपयोग किया जा सकता है।
Automatically calculates the position and size of canvas elements based on alignment, direction, and spacing rules.
toolong is a terminal log viewer and TUI log manager designed for monitoring live log streams and navigating large log files. It functions as a log aggregator and JSONL formatter, capable of merging multiple log files into a single chronological view by automatically detecting timestamps. The application supports the visualization of structured data by pretty printing JSONL files and applying syntax highlighting to common web server log patterns. It handles large-scale data efficiently through virtual-sized scrollable views, allowing users to open compressed logs or files of any size without
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.