9 repository-uri
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 este un framework de vizualizare 3D bazat pe WebGL și un renderer conceput pentru a mapa arhitecturile modelelor de deep learning și datele tensor în spații tridimensionale interactive. Acesta servește drept vizualizator de arhitectură de rețea neuronală și inspector de model, permițând utilizatorilor să redea topologii de model și să analizeze fluxul de date într-un browser web. Proiectul se distinge prin capacitatea sa de a converti modele Keras și TensorFlow pre-antrenate în reprezentări spațiale. Se integrează cu TensorFlow.js pentru a executa inferența în browser, permițând vizualizarea în timp real a activărilor intermediare, a trecerilor forward și a datelor tensor interne. Framework-ul oferă primitive de randare extinse pentru straturi 1D și 2D, inclusiv convoluții, pooling, straturi dense și diverse operațiuni de fuziune a tensorilor. Acoperă o suprafață largă de capabilități, inclusiv maparea topologiei modelului, animații ale stării straturilor și vizualizarea output-urilor modelelor generative și a grilelor de detectare a obiectelor. Sistemul include instrumente pentru conversia formatului modelului pentru a importa arhitecturi existente și un panou de monitorizare a performanței pentru a monitoriza starea sistemului și ratele de cadre în timpul randării.
Renders a merged layer instance that combines multiple input layers of the same shape.
LyricsX este o aplicație macOS care redă versurile melodiilor sincronizate peste UI-ul sistemului în timpul redării muzicii. Acesta funcționează ca un instrument de afișare pe desktop, un agregator extern de versuri și un utilitar de sincronizare. Aplicația preia versurile din mai multe surse de date externe folosind metadatele de redare curente și oferă un convertor de script pentru a traduce textul între caracterele chinezești tradiționale și simplificate. Include, de asemenea, un manager de fișiere de versuri pentru importarea și exportarea formatelor comune de versuri prin interacțiuni drag-and-drop. Instrumentul oferă capabilități pentru sincronizarea temporizării pentru a potrivi timestamp-urile versurilor cu ceasul de redare audio. Caracteristicile suplimentare includ capacitatea de a afișa versurile pe desktop sau în bara de meniu și gestionarea automată a ciclului de viață al aplicației pentru a menține sincronizarea cu playerul muzical activ.
Renders lyric text over the system UI using a layered transparent window.
SwiftTips este o colecție curatoriată de ghiduri, biblioteci și design patterns axate pe stăpânirea limbajului Swift, arhitectura aplicațiilor și designul de API-uri. Oferă o resursă tehnică pentru implementarea tehnicilor avansate de codare și a bunelor practici arhitecturale. Proiectul pune accent pe crearea de interfețe „type-safe” și conversaționale prin compoziția strategică a protocoalelor și generice. Oferă tipare specializate pentru construirea de sisteme UI modulare și gestionarea ierarhiilor complexe de view-uri, alături de strategii cuprinzătoare pentru unit testing și dependency injection. Resursa acoperă o gamă largă de capabilități, inclusiv primitive de programare funcțională, utilitare avansate pentru sistemul de tipuri și strategii de modelare a datelor. De asemenea, detaliază tehnici pentru gestionarea erorilor, gestionarea memoriei și dezvoltarea de interfețe responsive.
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.