Framer component

Backlight Rays

Backlight Rays

Backlight Rays

Light rays pour out from behind your text or logo. Move your cursor, and the light follows.

Light rays pour out from behind your text or logo. Move your cursor, and the light follows.

Move your cursor over the light.

1

Add your words or logo

Type your words, or add a PNG or SVG logo with a see-through background. The light shines around its shape.

2

Choose the light

Set the color, the brightness and the length of the rays. The light can follow the cursor, stay still or circle by itself.

3

Publish

The light pauses when it is off screen. On phones it circles by itself, and it stays still for visitors who turn on reduced motion.

Make it yours

Make it yours

Change the light, its color and what stands in front of it.

Your logo

Add a PNG or SVG with a see-through background, and the light shines around its shape.

Light that moves by itself

The light circles on its own, on every device.

A steady glow

Keep the light still for a calm hero section.

Any color

Match the light and the background to your brand.

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