Orb
A living plasma sphere that brightens and hue-shifts toward the cursor.
canvasinteractive
Styled with ONONC's design tokens — shadcn add installs them for you.
Customize
Orb
Size0.72
Color
Motion
Speed1
Appearance
Glow0.7
Interaction
Hover intensity0.6
Props
| Prop | Type | Default | Description |
|---|---|---|---|
color | string | "139,92,246" | Base orb color as r,g,b — its hue drives the whole sphere. |
size | number | 0.72 | Orb size as a fraction of the frame's smaller side (0.4–1). |
speed | number | 1 | Churn + spin speed multiplier (0 = frozen). |
glow | number | 0.7 | Outer corona glow strength (0–1). |
hoverIntensity | number | 0.6 | How strongly the orb reacts (brightens, swells, hue-shifts) toward the cursor (0–1). |
children | ReactNode | — | Content layered above the canvas. |
className | string | — | Extra classes for the wrapper. |