---
title: "Warp Speed Lines — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ali Çorak · Effects. How to use Drag Warp Speed Lines onto the canvas (or into any frame)."
canonical: "https://framer.elliotli.dev/component/warp-speed-lines"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Warp Speed Lines

# Warp Speed Lines

The vanishing follows your pointer

[View on Framer](https://framer.com/marketplace/components/warp-speed-lines/?via=elliot-li)

![Warp Speed Lines preview image 1](https://framer.elliotli.dev/og/component/warp-speed-lines/bf166567d33ad03a/1600x1200.jpg)

## Summary

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

## Description

**Unlock entire Depth library for $149. One price. Lifetime.**

[**Get Depth**](https://depth.website/#all-access)

**\--------------------------------------------------------**

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**

1.  Drag Warp Speed Lines onto the canvas (or into any frame).
    
2.  Set it to fill its container
    
3.  Pick a Palette (or go Custom with your own 4 color stops) and dial in Speed, Streak, Density, and Core Fill to taste.
    
4.  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](https://youtu.be/VCJ5o4VVm0U)

**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

## Rank history [How rankings work →](/terms#rankings)

-   All · #9366

## Details

- **Author**: Ali Çorak
- **Price**: $5.00
- **Published**: 2026-06-18
- **Updated**: 2026-08-16
- **Added**: 2026-06-18
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo