6 Repos
Containers for layering interface elements with directional control.
Distinguishing note: No existing UI layout category found.
Explore 6 awesome GitHub repositories matching user interface & experience · Element Stacking. Refine with filters or upvote what's useful.
This project is a utility-first component library that provides a comprehensive suite of pre-styled, reusable interface elements. It functions as a build-time engine that generates design-system-compliant styles by mapping semantic tokens to standard HTML elements and utility classes. By compiling all component styles into static CSS at build time, the library eliminates the need for client-side style calculation, ensuring efficient performance. The library distinguishes itself through a configuration-driven architecture that manages color palettes and visual styles, enabling dynamic switchin
Layers interface elements visually using a container with modifiers to control stacking direction.
tview is a library for building interactive text-based user interfaces in Go. It functions as a toolkit for managing event loops, user input, and screen rendering, providing a framework of pre-built widgets and an integrated layout engine for creating command-line applications. The project distinguishes itself through a comprehensive layout system that uses grid and flexbox models to create responsive designs. It also supports UI layer stacking to manage multiple screens and modal overlays. The framework includes a diverse suite of interactive components for data display, such as tables and
Provides a mechanism for stacking multiple interface screens and toggling visibility to handle modal overlays and page transitions.
AsyncDisplayKit is an asynchronous UI framework and performance library for iOS. It provides a collection of performant alternatives to standard views, allowing developers to build responsive interfaces by offloading layout and rendering tasks to background threads. The framework is centered around a declarative layout engine based on a flexbox model, which calculates element positions and sizes asynchronously. It utilizes a node-based abstraction to wrap native views, enabling the instantiation and configuration of UI hierarchies on background threads to prevent main thread blocking. The sy
Positions children in horizontal or vertical stacks using a flexbox algorithm.
This repository is a comprehensive collection of functional 2D and 3D demo projects and implementation samples for the Godot Game Engine. It serves as an interactive tutorial and reference library, providing a working codebase to demonstrate how to apply engine features in real-world scenarios. The collection focuses on practical implementation guides, covering a wide array of technical capabilities from basic engine fundamentals to advanced rendering and scripting techniques. It allows users to study the application of node-based composition, asset pipelines, and game logic through direct ex
Manages a stack of full-screen interface layers and modal overlays for game-state transitions.
CSS Layout is a pure CSS pattern library that provides pre-built layout components for common page structures, implemented entirely with CSS using flexbox and grid. The collection focuses on reusable, encapsulated components that handle overlapping elements, vertical centering, sticky footers, and classic page layouts without requiring any JavaScript for rendering or interactivity. The library offers a range of practical layout implementations including centered navigation menus, element stacking techniques, holy grail page layouts, and responsive grid systems. Each pattern is built as a self
Provides element stacking techniques using absolute positioning or grid to place multiple elements in the same position.
Leafer UI ist eine hochperformante HTML5-Canvas-Rendering-Engine und eine Bibliothek für 2D-Vektorgrafiken. Sie nutzt einen hierarchischen Szenenbaum zur Verwaltung von Formen, Pfaden und Text und bietet ein Toolkit für den Aufbau interaktiver Canvas-Anwendungen und expansiver unendlicher Arbeitsflächen. Die Engine ist als plattformübergreifendes Canvas-Toolkit konzipiert, das die Kernlogik von der Zeichen-API entkoppelt, wodurch sie in Web-, Mobil-, Server- und Mini-Programm-Umgebungen ausgeführt werden kann. Sie zeichnet sich durch die Bereitstellung spezialisierter Werkzeuge für die Entwicklung interaktiver Grafikeditoren aus, einschließlich Hit-Detection, Event-Bubbling und Transformationssteuerungen. Ihr Funktionsumfang deckt Vektorform-Rendering, komplexe Pfaderstellung und Bewegungsanimationen ab. Das Framework enthält eine Layout-Engine mit flexiblem Box-Modell, Koordinatenraum-Transformation für präzise Positionierung und Unterstützung für Multi-Threaded-Offscreen-Rendering in Web-Workern. Zudem bietet es Werkzeuge für Szenenverwaltung, Elementmaskierung und den Export von Canvas-Inhalten in Bilder oder JSON. Die Bibliothek kann über ein Standard-Script-Tag integriert oder innerhalb reaktiver Frameworks wie React, Vue und Nuxt verwendet werden.
Controls the stacking order, opacity, and visibility of elements to organize depth and transparency.