4 Repos
Utilities for selecting, navigating, and managing nested elements within a design workspace.
Distinguishing note: Focuses on selection mechanics and hierarchy navigation rather than visual styling or layout engines.
Explore 4 awesome GitHub repositories matching user interface & experience · Layer Selection Tools. Refine with filters or upvote what's useful.
This project is a browser-based collaborative design platform that provides a comprehensive workspace for interface design, interactive prototyping, and design system management. It functions as a vector graphics editor that enables teams to create, manage, and iterate on designs in real-time, utilizing a component-based inheritance model to ensure consistency across complex projects. The platform distinguishes itself through a deep integration of design and development workflows. It features a specialized developer handoff workspace that allows for the inspection of design properties, precis
The platform allows users to select specific layers or nested elements using click-and-drag, multi-select modifiers, or deep-selection shortcuts to bypass group boundaries.
Graphite is a node-based visual design environment that integrates vector illustration, raster image processing, and motion graphics generation into a single platform. It utilizes a functional reactive pipeline and a data-flow execution model to propagate state changes through a graph of interconnected nodes, allowing users to construct complex, automated design workflows. The platform distinguishes itself through a context-aware evaluation engine that injects runtime metadata—such as coordinate data and loop indices—directly into the node graph. This enables the creation of procedural geomet
Manages the selection and navigation of layers and folders within the design workspace.
Parallax is a device motion parallax engine and interactive depth effect library. It provides the core logic and interfaces necessary to simulate visual depth by shifting scene layers based on a smart device gyroscope or mouse movement. The system functions as a device orientation controller that maps physical device rotation and cursor position to programmatic offsets. It distinguishes itself through a motion interface that handles relative orientation calibration, allowing the engine to calculate movement based on a cached starting position. The library covers motion behavior configuration
Identifies which child elements act as layers using CSS selectors or default child matching.
VisBug is an in-browser design tool that lets you inspect, edit, and manipulate live webpage elements directly, without touching source code. It functions as a browser design inspector, providing visual controls and keyboard shortcuts for real-time style inspection, element manipulation, and device simulation. The tool offers design-tool-inspired interactions for navigating the DOM as grouped layers, enabling direct selection and editing of nested components. It includes capabilities for drag-and-drop image replacement, live style inspection with computed properties and accessibility informat
Navigates the page's element tree using a layers panel to select groups and elements like in a design application.