Follow Cursor Component for Framer

Copy component

Copy component

Follow Cursor Component for Framer

Copy component

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

How to Make $10K+ with Framer in 60 days

$10k Undercover Event

Component

Follow Cursor Component for Framer

This is a follow cursor component for Framer, that lets any element smoothly follow your cursor. Feel free to copy the component to your project and customize it using the properties in the right panel.

image of Nandi Muzsik
image of Isaac Roberts
image of Prianca S.

Created by

Follow Cursor text with an arrow cursor pointing at a blue 'You' button on a dark background

About the resource

To use this component, just place it inside any element on your canvas, and it’ll make it follow your cursor.

The follow cursor component lets you control how a layer interacts with the cursor on your website. Smoothing controls how smoothly the layer moves in response to the cursor.

The Alignment option lets you choose how the layer aligns to the cursor, with both horizontal and vertical alignment available. Lastly, the Transition setting is used to adjust the opacity transition when the Enabled state is toggled.

About the resource

To use this component, just place it inside any element on your canvas, and it’ll make it follow your cursor.

The follow cursor component lets you control how a layer interacts with the cursor on your website. Smoothing controls how smoothly the layer moves in response to the cursor.

The Alignment option lets you choose how the layer aligns to the cursor, with both horizontal and vertical alignment available. Lastly, the Transition setting is used to adjust the opacity transition when the Enabled state is toggled.

About the resource

To use this component, just place it inside any element on your canvas, and it’ll make it follow your cursor.

The follow cursor component lets you control how a layer interacts with the cursor on your website. Smoothing controls how smoothly the layer moves in response to the cursor.

The Alignment option lets you choose how the layer aligns to the cursor, with both horizontal and vertical alignment available. Lastly, the Transition setting is used to adjust the opacity transition when the Enabled state is toggled.

User interface settings for 'Follow Cursor' with options for enabling, smoothing, alignment, and transition type

The follow cursor component properties in Framer.

User interface settings for 'Follow Cursor' with options for enabling, smoothing, alignment, and transition type

The follow cursor component properties in Framer.

User interface settings for 'Follow Cursor' with options for enabling, smoothing, alignment, and transition type

The follow cursor component properties in Framer.

Learn how can one go from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Nandi portrait's background

Learn how can one go from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Nandi portrait's background

Learn how can one go from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Nandi portrait's background

More resources

More resources

  • Music app playlist created screen with artist avatars

    Playlist Generation Circular Animation in Framer

    Component

    Music app playlist created screen with artist avatars

    Playlist Generation Circular Animation in Framer

    Component

  • Customer testimonials section with review letter card

    3D Letter Testimonials in Framer

    Component

    Customer testimonials section with review letter card

    3D Letter Testimonials in Framer

    Component