Falling Lights
Create stunning, animated falling-streak backgrounds that add motion, depth, and atmosphere to your hero sections, overlays, and transitions.
Make it with Workshop
Build your own component with AI
Create stunning, animated falling-streak backgrounds that add motion, depth, and atmosphere to your hero sections, overlays, and transitions.
Make it with Workshop
Build your own component with AI
Featuring smooth, continuous falling streaks that drift organically across your layout, it transforms static pages into dynamic visual experiences.
Fluid, continuous streak animation for natural motion
Randomized fall patterns for an organic, realistic look
Fully customizable streak direction, size, and color
Adjustable blur and density for added atmosphere and depth
Lightweight, GPU-optimized for smooth performance
Works beautifully as a background overlay behind text or visuals
Ideal for futuristic, cinematic, or tech-inspired designs
Background Color
Streak Color
Streak Width & Height
Angle
Duration
Blur
Density
Copy and paste the component onto your canvas.
Resize it to fit your desired area (hero section, background, etc.).
Customize colors, size, and streak direction in the property panel.
Adjust blur and density for your preferred visual depth.
Preview to see your animated background in motion.
Copy the URL and paste it into your Framer project to import it.
