Agentic Ball

Animated 3D orb with swirl and glow effects

agentic-ball-tw

Customize

Speed

0.5

Complexity

Swirl

2.0

Zoom

1.75

Hue Rotation

4.3

Saturation

0.0

Brightness

2.0

Opacity

1.00

Tint Color

Background

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)

widthstring | number

Container width

Default"100%"

heightstring | number

Container height

Default"100%"

classNamestring

Additional CSS classes

Default""

childrenReact.ReactNode

Content rendered above the effect

Defaultundefined

speednumber

Animation speed multiplier

Default0.5

complexitynumber

Number of warp iterations (1–8). Higher = more detail

Default3

swirlnumber

Amount of swirl rotation per layer

Default2.0

zoomnumber

Overall zoom into the sphere surface

Default1.75

colorstring

Primary tint color (hex)

Default"#FFFFFF"

hueRotationnumber

Hue rotation angle in radians (0 = natural amber, ~1 = green, ~2 = blue, ~3 = purple)

Default4.3

saturationnumber

Color saturation boost (0 = grayscale, 1 = normal, 2 = vivid)

Default0

brightnessnumber

Brightness multiplier

Default2.0

backgroundColorstring

Background color (hex)

Default"#000000"

opacitynumber

Master opacity (0–1)

Default1