Torch
A volumetric cutting-torch beam: a single shaft of light stands anchored at a molten ground-contact bloom and fans upward into a soft amber column, with white-hot wisps rising inside it and volumetric fog falling through. The beam leans toward the pointer and the base carries a faint uneven-gas hum. An original OGL raymarched-quad fragment shader — DPR-clamped, offscreen-paused, with a steady rest-tilt frame under reduced motion.
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/torchManual — install dependencies, then copy the source
npm install oglProps
| Prop | Type | Default | Description |
|---|---|---|---|
| colors | [string, string, string] | a cutting- torch ramp: near-white core edging to amber fog over a deep-orange base | Three warm hues: [core, fog, bloom]. core paints the white-hot center of the beam and the pit of the ground bloom, fog the amber body and the volumetric haze falling through the light, bloom the deep-orange ground-contact glow. |
| position | number | 0.5 | Ground-contact position across the width, 0 = left, 1 = right. |
| tilt | number | 1 | How far the beam leans toward the pointer. 0 locks it vertical, 1 is a strong lean; the tilt itself is smoothed by the render harness. |
| wisps | number | 1 | Rising-wisp (spark) density and brightness inside the beam. |
| fog | number | 1 | Volumetric fog amount drifting down through the light. |
| bloom | number | 1 | Ground-contact bloom brightness — the illumination cast behind content. |
| speed | number | 1 | Flow speed multiplier for wisps and fog. 1 = default. |
| intensity | number | 1 | Overall brightness multiplier. |
| paused | boolean | Freeze the render loop, holding the current frame. | |
| className | string | Extra classes for the wrapper. Positioned absolute inset-0 -z-10. |
Honors prefers-reduced-motion with a designed static fallback, pauses offscreen and on hidden tabs, and passes className through.