Falling Lights — Animated falling light background

Featuring smooth, continuous falling streaks that drift organically across your layout, it transforms static pages into dynamic visual experiences.

Features

• Fluid, continuous streak animation for natural motion

• Randomised fall patterns for an organic, realistic look

• Fully customizable streak direction, size, and colour

• Adjustable blur and density for added atmosphere and depth

• Lightweight, GPU-optimised for smooth performance

• Works beautifully as a background overlay behind text or visuals

• Ideal for futuristic, cinematic, or tech-inspired designs

Customisations

Set up

1. Copy and paste the component onto your canvas.

2. Resize it to fit your desired area (hero section, background, etc.).

3. Customize colors, size, and streak direction in the property panel.

4. That's it!

After completing your purchase, you will receive a link to the component.

Copy the URL and paste it into your Framer project to import it.