About this Component
Add a hypnotic, iris-like bloom of light to your page. Cosmic Bloom renders a glowing, softly pulsing eye of color in real time — a striking centerpiece for hero sections, music and event pages, AI products, and dark, atmospheric landing pages.
Pick two colors and a background, then shape the bloom with distortion, streaks, and a lens that bends the light around its core.
How to use
Drop the component into your layout and set Color A, Color B, and the Background to match your brand. Adjust Size to frame the bloom and Speed to control how fast it breathes.
Then give it character: Distortion warps the core, Streaks adds fine radial filaments, Lens bends light around the center, and Fringe adds a chromatic edge. Switch Quality between low, medium, and high to balance visual detail and performance.
Features
Real-time glowing bloom animation
Two-color palette plus background color
Adjustable speed and size
Distortion control for organic movement
Radial streaks for fine light filaments
Lens strength for light bending around the core
Chromatic fringe control
Three quality levels for performance tuning
Pauses automatically when off screen
Static-friendly rendering on the canvas and export
Works as a section, frame, or full-page background
Responsive across desktop, tablet, and mobile
Refund Policy:
Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.
Support: hi@alicorak.com
