Nebula
A canvas-driven cosmic background with smooth flowing nebula clouds, emission highlights, and star-dust grain.
Deep Space
Into the Nebula
Cosmic clouds of gas and dust drift through the void, illuminated by the light of newborn stars.
Installation
npx shadcn@latest add https://wise-ui.com/r/nebula.jsonProps
| Prop | Type | Default | Description |
|---|---|---|---|
| colorA | string | "#6b1d9e" | Primary nebula cloud color. |
| colorB | string | "#0d3b7a" | Secondary nebula cloud color. |
| colorC | string | "#c2185b" | Tertiary accent color for highlights and wisps. |
| grain | boolean | true | Show a star-dust grain texture overlay. |
| speed | number | 1 | Animation speed multiplier. Values < 1 slow down, > 1 speed up. |
| blobCount | number | 18 | Number of nebula cloud blobs. |
| children | React.ReactNode | - | Content rendered on top of the background. |