Interactive Prism
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 interactive 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: Add a captivating and dynamic backdrop for your headline.
🚀 Landing Pages: Engage visitors immediately with a responsive experience.
✨ Portfolio Websites: Showcase your work with a modern, interactive background.
⏳ Loading Sequences: Use as an animated loading indicator.
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 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.
