Spacetime Black Hole

A premium, modular React component from the React Bytes collection. Built with React and TypeScript.

Installation

npm install @reactbytes/black-hole

Usage

import { BlackHole } from "@reactbytes/black-hole";

export default function Example() {
  return (
    <BlackHole />
  );
}

Properties

| Prop | Type | Default | Description | | :--- | :--- | :--- | :--- | | speed | number | 1 | Speed multiplier for the concentric disc pulse progression and radiation particle timeline. | | soundEnabled | boolean | false | Toggles a continuous space-hum synthesized audio layer using Web Audio API low-frequency oscillators. | | particleCount | number | 100 | Total number of simulated radiation particles in the event horizon field. | | bgColor | color | #141414 | Ambient background color of the spacetime simulation. | | lineColor | color | #444444 | Hex color of the concentric coordinate grid lines. | | particleColor | color | #ffffff | Hex color of the radiation particles drawn around the black hole. | | glowColor | color | #a900ff | Singularity core blending overlay color (event horizon shadow). | | auraColor | color | #00f8f1 | Primary neon color of the gravitational distortion field aura. |

Presets

This component includes the following design presets:

• Standard Singularity (default)
• Kinetic Compression (accelerated)
• Resonating Core (resonant)
• Gravitational Collapse (overloaded)
• Solar Corona (corona)
• Monochrome Matrix (monochrome)

Credits & Inspiration

Component Source

• ChandruMIT-o - Design & Development

For interactive playgrounds, customizable controls, and code copy-pasting, visit the full showcase page at React Bytes - Spacetime Black Hole.