Components / Backlight Rays

What you can set

Everything is in Framer's properties panel. No code.

Content

Text or your logo

Type words in any font, or add a PNG or SVG with a see-through background.

Light

Follows, still or circles

The light follows the cursor, stays still, or moves by itself.

Color

Light and background

Match the light to your brand. It shows best on a dark background.

Rays

Brightness and length

Short soft rays for a calm section, long bright ones for a launch.

Glow

Glow size

A small glow gives sharp rays, a large one a soft haze.

Size

How big the shape is

Scale your words or logo inside the frame.

Set it up in three steps

Full guide →

Paste the link

Copy the link from your email. In Framer, click the canvas and paste.

Add your words or logo

Type in Words, or set Content to Image and add your logo.

Choose the light and publish

Pick the color and the motion, then publish your site.

Questions

Can I use my own logo?+

Yes. Set Content to Image and add a PNG or SVG with a see-through background. The light shines around its shape.

Does it work on phones?+

Yes. Phones have no cursor, so the light circles by itself.

Will it slow my site down?+

It pauses when it is off screen and stops redrawing when the light stops moving.

How do I get it after I pay?+

The checkout emails you the component link and the setup steps.