Molten
The signature pro background: a viscous molten-bronze shader with amber crest highlights, ember-red troughs, a slow violet iridescence sweep, and a cursor heat-welt that swells the metal. Original OGL fragment shader, offscreen-paused and 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/moltenManual — install dependencies, then copy the source
npm install oglProps
| Prop | Type | Default | Description |
|---|---|---|---|
| colors | [string, string, string] | the Crucible forge palette | Three forge tones: [crest, trough, iridescence]. Amber catches the wave crests, ember red pools in the troughs, violet slides across the slopes as tempering color. Any hex strings. |
| speed | number | 1 | Flow speed multiplier. 1 = the default viscous crawl. |
| heat | number | 0.6 | Heat, 0–1. Scales glow, saturation, and motion energy together: 0 is a cooling, near-set pour; 1 is white-hot and restless. |
| amplitude | number | 1 | Wave relief multiplier — how sculpted the surface reads. |
| scale | number | 1 | Wave frequency multiplier — higher packs more folds in. |
| welt | number | 0.75 | Cursor heat-welt strength, 0–1. The surface swells and brightens under the pointer, like metal prodded while soft — a welt, not a ripple. 0 disables. |
| paused | boolean | Freeze the animation, holding the current frame. | |
| onReady | () => void | Fired once the shader's first frame has rendered (for fade-in on load). | |
| 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.