Cosmic Black Hole

Bring the mysteries of the universe to your website with the Cosmic Black Hole component. Powered by high-performance WebGL shaders, this stunning animated background creates a realistic, swirling black hole complete with a glowing accretion disk and an inescapable event horizon void. It is the perfect visual centerpiece for Web3 projects, sci-fi themes, astronomy blogs, and modern creative portfolios.

Designed for Framer, it offers extensive customization to match your design system while ensuring smooth performance. It features a smart observer that automatically pauses the WebGL animation when scrolled off-screen to save battery and CPU.

Functions (Key Features):

• 🌌 Accretion Disk: A glowing, spiraling disk of cosmic energy with fluid noise.

• 🎨 Custom Colors: Individually style the Background, Disk Aura, Horizon Edge, and the Deep Void.

• 🎛 Shape Control: Adjust the Hole Size and Swirl Power to shape your anomaly.

• ⚙ Fluid Motion: Control the Rotation Speed and the Inward Pull of the gas.

• 💡 Glow Intensity: Fine-tune the overall Brightness of the cosmic flares.