9 repositorios
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 es un framework de visualización 3D basado en WebGL y renderizador diseñado para mapear arquitecturas de modelos de aprendizaje profundo y datos de tensores en espacios tridimensionales interactivos. Sirve como visualizador de arquitectura de redes neuronales e inspector de modelos, permitiendo a los usuarios renderizar topologías de modelos y analizar el flujo de datos dentro de un navegador web. El proyecto se distingue por su capacidad para convertir modelos pre-entrenados de Keras y TensorFlow en representaciones espaciales. Se integra con TensorFlow.js para ejecutar inferencia en el navegador, permitiendo la visualización en tiempo real de activaciones intermedias, pases hacia adelante y datos de tensores internos. El framework proporciona amplias primitivas de renderizado para capas 1D y 2D, incluyendo convoluciones, pooling, capas densas y varias operaciones de fusión de tensores. Cubre una amplia superficie de capacidades, incluyendo mapeo de topología de modelos, animaciones de estado de capa y la visualización de salidas de modelos generativos y cuadrículas de detección de objetos. El sistema incluye herramientas para la conversión de formato de modelo para importar arquitecturas existentes y un panel de seguimiento de rendimiento para monitorizar la salud del sistema y las tasas de fotogramas durante el renderizado.
Renders a merged layer instance that combines multiple input layers of the same shape.
LyricsX es una aplicación de macOS que renderiza letras de canciones sincronizadas sobre la UI del sistema durante la reproducción de música. Funciona como una herramienta de visualización de escritorio, un agregador de letras externo y una utilidad de sincronización. La aplicación obtiene letras de múltiples fuentes de datos remotas utilizando metadatos de reproducción actuales y proporciona un convertidor de scripts para traducir texto entre caracteres chinos tradicionales y simplificados. También incluye un gestor de archivos de letras para importar y exportar formatos de letras comunes mediante interacciones de arrastrar y soltar. La herramienta proporciona capacidades para la sincronización de tiempo para hacer coincidir las marcas de tiempo de las letras con el reloj de reproducción de audio. Las características adicionales incluyen la capacidad de mostrar letras en el escritorio o en la barra de menús y la gestión automática del ciclo de vida de la aplicación para mantener la sincronización con el reproductor de música activo.
Renders lyric text over the system UI using a layered transparent window.
SwiftTips es una colección curada de guías, bibliotecas y patrones de diseño centrados en el dominio del lenguaje Swift, la arquitectura de aplicaciones y el diseño de APIs. Proporciona un recurso técnico para implementar técnicas de codificación avanzadas y mejores prácticas arquitectónicas. El proyecto enfatiza la creación de interfaces seguras por tipos (type-safe) y conversacionales mediante la composición estratégica de protocolos y genéricos. Ofrece patrones especializados para construir sistemas de interfaz de usuario modulares y gestionar jerarquías de vistas complejas, junto con estrategias integrales para pruebas unitarias e inyección de dependencias. El recurso cubre una amplia gama de capacidades, incluyendo primitivas de programación funcional, utilidades avanzadas del sistema de tipos y estrategias de modelado de datos. También detalla técnicas para el manejo de errores, gestión de memoria y el desarrollo de interfaces de usuario responsivas.
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.