Cursor Lines

Copy Component

NEW

Made for Framer

Cursor Lines

A reactive grid of lines
that dynamically orients towards your cursor.

Why Cursor Lines?

Powerful yet lightweight component
for interactive backgrounds.

4 Modes

Each mode changes how the lines react to the cursor.

Color Control

You can display the lines in a single color or with a gradient.

Performance

It is optimized to run smoothly even with large grids.

Interactive

It responds to user interaction.

Move your cursor and see the lines react.

Move your cursor and see the lines react.

Use Cases

Discover how Cursor Lines can enhance
different types of projects.

Discover how Cursor Lines can enhance different types of projects.

Endless possibilities, shaped by your creativity.

Endless possibilities, shaped by your creativity.

Endless possibilities, shaped by your creativity.

Full Control, No Code

Easily change rows, columns, colors, stroke,
or motion modes-all without writing a single line of code.

Easily change rows, columns, colors, stroke, or motion modes-all without writing a single line of code.

Pay Once, Use Forever

Bring motion and interactivity to your Framer projects
with a single purchase.

Crafted by Omer Faruk Akhan

Crafted by
Omer Faruk Akhan

Create a free website with Framer, the website builder loved by startups, designers and agencies.