---
title: "Cosmic Black Hole — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Sirrah Space · Backgrounds. Bring the mysteries of the universe to your website with the Cosmic Black Hole component."
canonical: "https://framer.elliotli.dev/component/cosmic-black-hole"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Cosmic Black Hole

# Cosmic Black Hole

Animated black hole background.

[View on Framer](https://framer.com/marketplace/components/cosmic-black-hole/?via=elliot-li)

![Cosmic Black Hole preview image 1](https://framer.elliotli.dev/og/component/cosmic-black-hole/f6e3bf5089cef7e1/1600x1200.jpg)

## Summary

Bring the mysteries of the universe to your website with the Cosmic Black Hole component.

## Description

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.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #2091

## Details

- **Author**: Sirrah Space
- **Price**: $5.00
- **Published**: 2026-08-31
- **Updated**: 2026-08-31
- **Added**: 2026-08-31
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background