PERFORMANCE
Lightweight to moderate; pause offscreen motion and respect reduced-motion preferences.
Scroll inside the preview to explore this effect.
A story that stays with you. 1 / 4
Find your rhythm.
Scroll this sample to explore the movement.
Layers of possibility.
Scroll this sample to explore the movement.
A new perspective.
Scroll this sample to explore the movement.
Keep creating.
Scroll this sample to explore the movement.
Authored local study · demonstrates the visual family and interaction; upstream code is available through the original link. The original link opens the library/source; an exact effect demo is not verified.
A curved timeline that elegantly visualizes key milestones, perfect for Web3 and AI roadmaps.
USE THIS IN MY PROJECT
Pick up the thread
Integrationshadcn registry / copy-paste
Install routeRegistry or source copy; see upstream install docs
Exact command not verified. Open the upstream docs for the current install steps.
Dependencieseffect-specific dependencies vary
This component is designed for registry/source copying. Review and adapt the files in your project.
MAKE IT YOURS
What you can tune
colorsizespeedopacity (confirm supported props upstream)
These are suggested controls from the effect family. Verify which props this exact item exposes before wiring a playground.
ACCESSIBILITY
Effect-level reduced-motion and contrast behavior not verified. Provide a static or paused fallback and preserve readable content.
BROWSER & GPU
Modern browser; exact support not verified.
WebGL: Not verified · WebGPU: No WebGPU requirement verified