Layered card depth
Pointer position changes the angle while content remains readable and clickable.
Best for · Services and featured workSample 06 / Canvas interaction
Depth should respond to the visitor.
Drag across the field or choose a behaviour. This live canvas system turns a flat section into an explorable spatial identity.
LIVE / POINTER + CANVAS
Orbital system
A connected object rotates with your pointer and settles with physical ease.
Sample 06 / Interactive depth
Responsive particle sculpture
- Interaction
- Pointer, touch, selection
- Best for
- Products, systems, technology
- Intensity
- Balanced to cinematic
- Mobile
- Touch response + lower density
Spatial sample library
Depth without losing the message.
These supporting effects use CSS perspective and light—ideal when full WebGL would be unnecessary.
Reactive illumination
A controlled light source follows attention and reveals texture beneath the surface.
Best for · Premium product detailsState as material
Hover changes sheen, scale and elevation so the interface feels physically responsive.
Best for · Interactive navigationHow it scales
One visual system. Three production levels.
A lightweight CSS version, a responsive Canvas field, or a fully modeled Three.js scene can share the same art direction.
Plan a spatial experience