Light FX
Light FX is a customizable animated hero background for Framer with soft light rays and star particles, built for modern hero headers, hero sections, and dark mode landing pages. Copy it into your project and customize the properties.
About this Component
Light FX is designed for hero headers and hero backgrounds where you want depth and cinematic atmosphere. The rays sweep in from a corner with a gentle glow, while the stars add subtle texture, so your headline and CTA stay readable and clear.
Where You Can Use It
Hero header backgrounds, hero sections, and footer backgrounds
CTA sections that need a premium cinematic backdrop
Subtle motion behind product shots or UI mockups
Tech, SaaS, data, or AI themed landing pages and websites
Dark mode pages with depth, not noise
Features
Primary and secondary ray color controls
Ray direction settings
Adjustable ray opacity
Customizable ray speed
Optional stars toggle
Star count, star color, and star brightness controls
Star twinkle toggle
Optimized for smooth performance in Framer
