9 Repos
Systems for displaying user interface elements with configurable depth and layering.
Distinct from Custom Element Renderers: Candidates focus on custom element replacement or automation, not layered UI rendering pipelines.
Explore 9 awesome GitHub repositories matching user interface & experience · UI Layer Rendering. Refine with filters or upvote what's useful.
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
Reduces rendering overhead by switching components between view-based and layer-based modes for non-interactive elements.
Craft.js is a framework for building extensible drag-and-drop page editors using React components and serializable state management. It provides the core infrastructure to construct custom page builders where users can compose layouts by dragging, dropping, and repositioning elements within a structured editor environment. The framework manages editor state through a component-based node tree, where each user element is represented as an internal node storing its type, props, and parent relationships. This state is managed via React Context and can be serialized to JSON for persistence and sh
Accepts custom React components to control how each layer is rendered in the editor interface.
Flowgram.ai is a workflow development framework for building AI workflow platforms. It provides a visual drag-and-drop canvas for constructing workflows, an Entity-Component-System (ECS) based document model for structuring workflow nodes as a tree, and a node-based form engine for managing configuration forms with built-in rendering, validation, side effects, and error handling. The framework also includes a workflow execution engine that parses directed graph workflows and runs nodes step by step with state tracking and array iteration. The framework distinguishes itself through a layered r
Allows inserting custom React layers into the canvas for drawing visuals like SVG lines.
CodeMirror is a browser-based code editor framework and modular extension system used to embed full-featured text editors into web pages. It functions as a syntax tree parsing engine and a language server protocol client, enabling structural language analysis and deep integration with external programming language services. The project is distinguished by its modular architecture, which uses a system of extensions and compartments for dynamic reconfiguration at runtime. It supports real-time collaborative editing and state synchronization through an operational transformation framework, allow
Manages the rendering of DOM elements as layers above or below text for cursors and indicators.
Thief is a cross-platform desktop application designed to conceal leisure activities within work-like interfaces. It functions as a workplace privacy tool that disguises content such as novels, videos, games, and web pages as professional applications like code editors, spreadsheets, or taskbar panels, allowing users to appear productive while engaging in personal browsing. The application distinguishes itself through camera-aware proximity detection, which uses the device's camera to monitor surroundings and automatically hide the window when someone approaches. A configurable hotkey provide
Overlays entertainment content onto a simulated work interface layer that mimics productivity tools like code editors or spreadsheets.
Tensorspace is a WebGL-based 3D visualization framework and renderer designed to map deep learning model architectures and tensor data into interactive three-dimensional spaces. It serves as a neural network architecture visualizer and model inspector, allowing users to render model topologies and analyze data flow within a web browser. The project distinguishes itself through its ability to convert pre-trained Keras and TensorFlow models into spatial representations. It integrates with TensorFlow.js to execute inference in the browser, enabling the real-time visualization of intermediate act
Renders a merged layer instance that combines multiple input layers of the same shape.
LyricsX is a macOS application that renders synchronized song lyrics over the system UI during music playback. It functions as a desktop display tool, an external lyric aggregator, and a synchronization utility. The application fetches lyrics from multiple remote data sources using current playback metadata and provides a script converter to translate text between Traditional and Simplified Chinese characters. It also includes a lyric file manager for importing and exporting common lyric formats via drag-and-drop interactions. The tool provides capabilities for timing synchronization to matc
Renders lyric text over the system UI using a layered transparent window.
SwiftTips is a curated collection of guides, libraries, and design patterns focused on Swift language mastery, application architecture, and API design. It provides a technical resource for implementing advanced coding techniques and architectural best practices. The project emphasizes creating type-safe and conversational interfaces through strategic protocol composition and generics. It offers specialized patterns for building modular UI systems and managing complex view hierarchies, alongside comprehensive strategies for unit testing and dependency injection. The resource covers a broad s
Demonstrates how to replace default layer classes with specialized animation layers for advanced visual effects.
Murder is an entity component system game engine designed for 2D game development. It provides a core framework for managing game objects through an ECS architecture and includes a dedicated 2D game editor for asset management and real-time property configuration. The engine features a specialized 2D rendering pipeline supporting pixel art, sprite slicing, and parallax effects. It includes a hierarchical A* pathfinding system for agent navigation and a comprehensive asset management system for serializing and loading game resources. The project covers a broad range of capabilities, including
Provides a system for rendering user interface elements on screen with configurable layering.