Follow Cursor Component for Framer

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

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

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
Follow Cursor text with an arrow cursor pointing at a blue 'You' button on a dark background
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.

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

More resources

More resources

  • Text 'Animated Gradients' over a dynamic blue gradient background

    Animated Gradient Background in Framer

    Component

    Text 'Animated Gradients' over a dynamic blue gradient background

    Animated Gradient Background in Framer

    Component

    Text 'Animated Gradients' over a dynamic blue gradient background

    Animated Gradient Background in Framer

    Component

  • An elegant user interface showcases the iPadOS pointer cursor within the Framer platform, emphasizing options to remix the project, copy the component, or seek inspiration, all set against a captivating deep blue gradient background

    iPadOS Pointer Cursor in Framer

    Component

    An elegant user interface showcases the iPadOS pointer cursor within the Framer platform, emphasizing options to remix the project, copy the component, or seek inspiration, all set against a captivating deep blue gradient background

    iPadOS Pointer Cursor in Framer

    Component

    An elegant user interface showcases the iPadOS pointer cursor within the Framer platform, emphasizing options to remix the project, copy the component, or seek inspiration, all set against a captivating deep blue gradient background

    iPadOS Pointer Cursor in Framer

    Component