Singularity
A gravitationally-lensed black hole: a per-pixel Schwarzschild geodesic ray-march bends light around the event horizon, wrapping a white-hot accretion disk over and under the black sphere into the iconic lensed halo, with a crisp photon ring, Doppler-beamed asymmetry, and a lensed starfield. Original OGL fragment shader, filmic-toned, dithered, DPR-clamped, offscreen-paused, reduced-motion-safe.
oglpro
Pro
The preview is live. The source is Pro.
One purchase, lifetime access: every pro component's source, CLI install with your own registry token, and all future drops.
Installation
CLI
npx shadcn@latest add @crucible/singularityManual — install dependencies, then copy the source
npm install oglProps
| Prop | Type | Default | Description |
|---|---|---|---|
| colors | [string, string, string] | a heat palette (near-white → amber → deep-orange). Pass a cold set (e.g. ["#eaf3ff", "#9fc2ff", "#2b4c8c"]) for a blue-white hole | Accretion-disk tones, hot → cool: [inner, mid, outer]. inner is the white-hot inner edge, mid the amber body, outer the deep cooling rim. |
| speed | number | 1 | Disk-rotation speed multiplier. 1 = default, 2 = twice as fast. |
| intensity | number | 1 | Overall luminosity of the disk, photon ring, and bloom, 0–2. 1 = default; lower banks the plasma, higher blazes. |
| tilt | number | 0.28 | Disk tilt toward the viewer, 0–1. 0 is nearly edge-on (the strongest gravitational-lensing wrap, most cinematic); 1 tips it toward top-down. |
| paused | boolean | Freeze the animation at its current frame. | |
Also accepts all props of React.ComponentPropsWithoutRef<"div"> — they pass through to the underlying element. | |||
Honors prefers-reduced-motion with a designed static fallback, pauses offscreen and on hidden tabs, and passes className through.