Reveal hidden detail
Let visitors inspect maps, product layers, technical imagery, or before-and-after work without leaving the page.
Try: Passband Lens, Terrain Scanner, Layered RevealLEAD MOVEMENTPassband Lensoptical · auto 3s
Passband Lens
Move inside the field.Loading Passband Lens demonstration.
Auto rotates the four scan modes every three seconds. Choose a specific mode to keep it active until you select another mode or return to Auto.
Use movement to reveal, guide, and explain.
These kits work best when the pointer helps visitors understand the page, compare visual states, or find the next meaningful action.
Guide the next action
Turn nearby content and calls to action into a visible path instead of another static list.
Try: Pathfinder, Active Links, Orbit TrailExplain connected systems
Show how capabilities, architecture, workflows, and destinations relate while the visitor explores them.
Try: System Assembly, Constellation WandCreate a signature moment
Give a portfolio hero, launch, or campaign a tactile interaction that supports the story instead of distracting from it.
Try: Rigid Tow Artifact Cursor, Magnetic Ink, Fusion FieldComplete by design
Start with a working interaction, not a cursor snippet.
Every movement includes the scene, controls, accessibility behavior, cleanup, and integration guidance needed to reproduce the effect.
Start with the full scene
Use the included terrain, particles, labels, nodes, targets, and visual layers as a working baseline.
Adapt the behavior
Tune pointer position, velocity, press, touch, timing, radius, selectors, and callbacks.
Keep the page usable
Reduced motion, coarse pointer, keyboard, native cursor, and static fallback behavior remain part of the kit.
Release resources safely
Observers, listeners, frames, canvases, and graphics resources are cleaned up when the scene unmounts.
Integrate in your stack
Standalone HTML and React guidance make each movement usable without adopting a new application framework.
Preserve semantic content
The visual layer enhances the experience while real links, text, and controls remain available in HTML.
Visible release state
Choose a movement, then make it yours.
Use a kit as-is, fork it, or copy one movement into your project. Each folder explains the scene, options, accessibility behavior, and cleanup path.
Open the public repository