ambient
Smokey Gradient Orb
Four blended glow layers drifting on independent sine paths, drawn straight to the DOM.
Usageimport { SmokeyGradientOrb } from "./SmokeyGradientOrb";
1import { SmokeyGradientOrb } from "./SmokeyGradientOrb";2 3<SmokeyGradientOrb />Copy the source with the toolbar’s copy button — or open the Code pane to select it by hand — then paste the file into your project. It is self-contained, with no registry metadata and no dependencies (Tailwind classes required).
Props
| Prop | Type | Default |
|---|---|---|
| tone | blue | violet | teal | ember | blue |
| speed | 0.5 | 1 | 2 | 1 |
| scale | 0.7 | 1 | 1.4 | 1 |
| glow | soft | normal | bright | normal |
| width | sm | md | lg | md |
| label | string | ambient |