Backlight Rays

Backlight Rays
Backlight Rays

About Backlight Rays

Light rays that pour out from behind your text or logo.

Backlight Rays puts a light behind your headline, your logo or a product shot. Your own shape blocks the light, so the god rays stream out around it, and the glow follows the cursor. Use it for a hero section, a launch page or a logo reveal.

Most light-ray and god-ray components paint rays across a background. With Backlight Rays, your text or logo shapes the rays.

How it works

  1. Add Backlight Rays to your page.

  2. Type your text, or add a PNG or SVG logo with a see-through background.

  3. Choose the light color, the brightness and the length of the rays.

What you can set

  • Content: text in any font, or your own logo or image.

  • Light: follows the cursor, stays still, or circles by itself.

  • Color: the light and the background.

  • Brightness, ray length and glow size.

  • Phones: the light circles by itself, because phones have no cursor.

  • Motion: the light stays still for visitors who turn on reduced motion, and it pauses when it is off screen.

Watch the live demo before you buy.

From Ekstudio

Autodemo

Related Components

Better Parallax
Scroll Blur by Aki
Confetti Heart
Kinetic Line