Prism Light Rays
Dynamic, customizable light rays to elevate your hero/CTA sections. After your purchase, you will receive a link to the Component URL to paste into Framer.
Make it with Workshop
Build your own component with AI
Dynamic, customizable light rays to elevate your hero/CTA sections. After your purchase, you will receive a link to the Component URL to paste into Framer.
Make it with Workshop
Build your own component with AI
Elevate your website with the Prism Light Rays Background. This component generates a mesmerizing field of animated light rays that can either mimic the elegant spectrum of a prism or be tailored to your custom colors. It's the perfect tool to add depth, motion, and a touch of magic to any section of your site.
🖼️ Hero Sections: Create an unforgettable first impression with a captivating and dynamic backdrop for your headline.
🚀 Product & Landing Pages: Highlight key features or calls-to-action with a sophisticated, moving background that draws the eye.
✨ Portfolio & Personal Sites: Showcase your creativity and work with a modern, custom-made visual element.
🎧 Event & Music Pages: Evoke energy and atmosphere with pulsating, colorful rays that respond to user interaction.
Light Rays Color Modes: Choose between a default Prism Mode for instant iridescent beauty or a Custom Mode where you can hand-pick 3 colors for your light rays.
Customization: Fine-tune the light ray intensity, movement speed, ray count, and even apply distortion for a warped, ethereal look.
Flexible Center Control: Offset the origin point of the light rays to perfectly frame your content.
Multiple Animation Modes:
Auto Rotate: A smooth, continuous horizontal rotation.
Auto 3D Rotate: A more complex, immersive 3D rotation.
Hover Interactive: The rays move and react to the user's cursor position for an engaging experience.
Static Mode: Disable animation for a fixed, yet striking, background.
