5 Repos
Accept custom React components to control how each layer is rendered in the editor interface.
Distinct from UI Layer Rendering: Distinct from UI Layer Rendering: focuses on customizing layer rendering with React components rather than general layered UI display.
Explore 5 awesome GitHub repositories matching user interface & experience · Custom Layer Renderers. Refine with filters or upvote what's useful.
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.
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 that performs a multiply operation on input tensors of the same shape.
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.