LightRays FX adds animated, glowing beam effects with WebGL — customizable direction, motion, and distortion for dramatic, atmospheric lighting.
Made with Workshop
Build your own component with AI
LightRays FX brings cinematic energy to your Framer designs through dynamic, glowing ray animations rendered with WebGL. You can control the light’s color, spread, and length, as well as introduce pulsing and fade effects for depth. Add texture with noise and distortion or make the rays interactively follow mouse movement for a responsive feel. Fully adjustable origin and intensity settings let you simulate everything from subtle ambient glow to bold spotlight effects. Ideal for hero backgrounds, motion graphics, and immersive UI visuals.