Warp Speed Lines

How to use Drag Warp Speed Lines onto the canvas (or into any frame).

Unlock entire Depth library for $149. One price. Lifetime. Get Depth It reacts to the cursor (the vanishing point follows your pointer), bursts forward on click, and can even run its flow in reverse to pull viewers into the screen instead of pushing out. Lightweight & dependency-free. Handwritten raw WebGL shader, no external libraries. A single fullscreen draw call, capped pixel ratio, and it automatically pauses when scrolled off-screen, so it stays smooth and battery-friendly. How to use Drag Warp Speed Lines onto the canvas (or into any frame). Set it to fill its container Pick a Palette (or go Custom with your own 4 color stops) and dial in Speed, Streak, Density, and Core Fill to taste. Toggle Direction to flow Outward or Inward, and leave Pointer / Click Warp on for interactivity. That's it — it runs live in the canvas and on your published site. Watch here Features 6 ready-made palettes — Hyper Blue, Warp, Inferno, Emerald, Gold, Mono — plus a Custom mode with four color stops (Core / Mid / Edge / Accent). Reversible flow — switch Direction between Outward (lightspeed jump) and Inward (warp dive); the motion-blur trail flips with it. Pointer interaction — the vanishing point follows the cursor, with adjustable Pointer Force. Click Warp — a momentary speed burst on click, with eased decay. Cinematic controls — Streak (motion-blur trail), Twist (spiral curvature), Center Glow, Vignette, and Core Fill to close the empty center. Full look control — Speed, Density, Zoom, Gain, Threshold, Contrast, and Brightness. Performance-aware Static-render safe Responsive Refund Policy Due to the nature of digital products, all sales are final. Once purchased, this template is non-refundable. Please make sure it fits your needs before completing the checkout. Support: hi@alicorak.com

The vanishing follows your pointer