Agentic Ball
Animated 3D orb with swirl and glow effects
agentic-ball-tw
Customize
Animation
0.5
3
2
1.75
Color
4.3
0
2
1
Colors
Props
| Name | Type | Default | Description |
|---|---|---|---|
| width | string | number | "100%" | Container width |
| height | string | number | "100%" | Container height |
| className | string | "" | Additional CSS classes |
| children | React.ReactNode | undefined | Content rendered above the effect |
| speed | number | 0.5 | Animation speed multiplier |
| complexity | number | 3 | Number of warp iterations (1–8). Higher = more detail |
| swirl | number | 2.0 | Amount of swirl rotation per layer |
| zoom | number | 1.75 | Overall zoom into the sphere surface |
| color | string | "#FFFFFF" | Primary tint color (hex) |
| hueRotation | number | 4.3 | Hue rotation angle in radians (0 = natural amber, ~1 = green, ~2 = blue, ~3 = purple) |
| saturation | number | 0 | Color saturation boost (0 = grayscale, 1 = normal, 2 = vivid) |
| brightness | number | 2.0 | Brightness multiplier |
| backgroundColor | string | "#000000" | Background color (hex) |
| opacity | number | 1 | Master opacity (0–1) |