Resources

Shiny Cursor Effect in Framer

View demo

Copy component

Remix project

Copy component

Remix project

Resources

Shiny Cursor Effect in Framer

View demo

Copy component

Remix project

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

Effect

Shiny Cursor Effect in Framer

This is a shiny cursor effect for Framer, recreated from Artur Bień's work. Drop it onto your canvas to add a reflective shine that follows the cursor. Feel free to copy the component and experiment with it.

image of Nandi Muzsik
image of Isaac Roberts
image of Prianca S.
image of Artur Bień

Created by

Nandi

,

Isaac

,

Prianca

,

and

Artur

Emoji reaction bar with a hand cursor selecting a heart-eyes emoji among various expressive faces on a dark background
Emoji reaction bar with a hand cursor selecting a heart-eyes emoji among various expressive faces on a dark background
Emoji reaction bar with a hand cursor selecting a heart-eyes emoji among various expressive faces on a dark background

About the resource

To use this component, place it inside a layer to apply the effect. It adapts to the layer’s shape, highlighting only the non-transparent areas of text, transparent-background images, and SVGs. Customize the light color, size, brightness, and edge blur to control the effect. The light size is relative, allowing flexibility across different elements, while the edge blur adjusts the bevel applied to the layer’s edges.

About the resource

To use this component, place it inside a layer to apply the effect. It adapts to the layer’s shape, highlighting only the non-transparent areas of text, transparent-background images, and SVGs. Customize the light color, size, brightness, and edge blur to control the effect. The light size is relative, allowing flexibility across different elements, while the edge blur adjusts the bevel applied to the layer’s edges.

About the resource

To use this component, place it inside a layer to apply the effect. It adapts to the layer’s shape, highlighting only the non-transparent areas of text, transparent-background images, and SVGs. Customize the light color, size, brightness, and edge blur to control the effect. The light size is relative, allowing flexibility across different elements, while the edge blur adjusts the bevel applied to the layer’s edges.

User interface panel for configuring a 'Shiny Cursor' with settings for color, size, brightness, and edge blur on a dark background

The shiny cursor component properties in Framer.

User interface panel for configuring a 'Shiny Cursor' with settings for color, size, brightness, and edge blur on a dark background

The shiny cursor component properties in Framer.

User interface panel for configuring a 'Shiny Cursor' with settings for color, size, brightness, and edge blur on a dark background

The shiny 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.

Join waitlist

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.

Join waitlist

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.

Join waitlist

Nandi portrait's background
Nandi's portrait

More resources

More resources

View all

  • Graphic showcasing the 'Cursor Trail' component in Framer with a dynamic cursor leaving a trail effect on a starry space background

    Cursor Trail Effect for Framer

    Effect

    Graphic showcasing the 'Cursor Trail' component in Framer with a dynamic cursor leaving a trail effect on a starry space background

    Cursor Trail Effect for Framer

    Effect

    Graphic showcasing the 'Cursor Trail' component in Framer with a dynamic cursor leaving a trail effect on a starry space background

    Cursor Trail Effect for Framer

    Effect

  • Scramble and appear text effect on a dark background with letters floating and options to copy component or remix

    Text Scramble Appear Effect in Framer

    Effect

    Scramble and appear text effect on a dark background with letters floating and options to copy component or remix

    Text Scramble Appear Effect in Framer

    Effect

    Scramble and appear text effect on a dark background with letters floating and options to copy component or remix

    Text Scramble Appear Effect in Framer

    Effect