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 هو إطار عمل لتخطيط واجهة المستخدم البرمجية في Swift يقوم بتنسيق عناصر الواجهة من خلال محرك تحديد المواقع النسبي. يقوم بحساب أحجام ومواقع العرض في وقت التشغيل لإنشاء واجهات مستخدم سريعة الاستجابة دون استخدام قيود (constraints) أو نوابض أو دعامات أو لغة تنسيق مرئية. ينظم النظام العناصر في مكدسات ومجموعات باستخدام منسق قائم على الإحداثيات يحل قواعد المحاذاة بين المكونات الشقيقة والأصلية. يستخدم نهج تعيين الإحداثيات القائم على القواعد لترجمة واصفات المحاذاة عالية المستوى إلى إحداثيات شاشة مطلقة. يوفر إطار العمل قدرات لترسيخ العرض الفائق، وملء مساحة الحاوية، وحسابات الحجم الديناميكي المناسب. كما يدعم محاذاة العرض النسبي وتنظيم العناصر الشقيقة في مكدسات أفقية أو رأسية محاذاة للحواف أو الزوايا أو المراكز.
Positions views relative to siblings by applying specific coordinate shifts during the alignment phase.
Leafer UI هو محرك عرض HTML5 canvas عالي الأداء ومكتبة رسومات متجهة ثنائية الأبعاد. يستخدم شجرة مشهد هرمية لإدارة الأشكال، والمسارات، والنصوص، مما يوفر مجموعة أدوات لبناء تطبيقات canvas تفاعلية ولوحات قماشية لانهائية واسعة. تم تصميم المحرك كمجموعة أدوات canvas عبر المنصات تفصل المنطق الأساسي عن واجهة برمجة تطبيقات الرسم، مما يسمح له بالعمل عبر بيئات الويب، والهاتف المحمول، والخادم، والبرامج المصغرة. ويتميز بتوفير أدوات متخصصة لتطوير محررات الرسوم التفاعلية، بما في ذلك اكتشاف الضربات (Hit detection)، وتصاعد الأحداث، وعناصر التحكم في التحويل. تغطي مساحة إمكانياته عرض الأشكال المتجهة، وإنشاء المسارات المعقدة، ورسوم الحركة. يتضمن إطار العمل محرك تخطيط مع نموذج صندوق مرن، وترجمة مساحة الإحداثيات لتحديد المواقع بدقة، ودعم العرض خارج الشاشة متعدد الخيوط في عمال الويب (Web workers). كما يوفر أدوات لإدارة المشهد، وإخفاء العناصر، وتصدير محتوى canvas إلى صور أو JSON. يمكن دمج المكتبة عبر وسم script قياسي أو استخدامها داخل أطر عمل تفاعلية مثل React وVue وNuxt.
Automatically calculates the position and size of canvas elements based on alignment, direction, and spacing rules.
أداة toolong هي عارض سجلات طرفي ومدير سجلات TUI مصمم لمراقبة تدفقات السجلات الحية والتنقل في ملفات السجلات الكبيرة. تعمل كمجمع للسجلات ومنسق JSONL، قادرة على دمج ملفات سجلات متعددة في عرض زمني واحد من خلال الكشف التلقائي عن الطوابع الزمنية. يدعم التطبيق تصور البيانات المهيكلة من خلال تنسيق ملفات JSONL بشكل جميل وتطبيق تمييز الصيغ البرمجية على أنماط سجلات خوادم الويب الشائعة. يتعامل التطبيق مع البيانات واسعة النطاق بكفاءة من خلال طرق عرض قابلة للتمرير ذات حجم افتراضي، مما يسمح للمستخدمين بفتح السجلات المضغوطة أو الملفات بأي حجم دون تحميل المستند بالكامل في الذاكرة. يتضمن النظام قدرات لتتبع تدفقات السجلات (Tailing)، وإجراء مطابقة نصية تقريبية (Fuzzy matching)، وإدارة التنقل عبر نموذج شاشة قائم على المكدس. كما يوفر لوحة أوامر لاكتشاف وظائف التطبيق ويدعم عناصر تفاعلية مثل الروابط القابلة للنقر وتلميحات الأدوات عند التحويم.
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.