FloatingShapes
A drifting cluster of low-poly shapes (icosahedra, octahedra, dodecahedra, tetrahedra) that float, rotate and react slightly to the pointer. Colors mi
A drifting cluster of low-poly shapes (icosahedra, octahedra, dodecahedra, tetrahedra) that float, rotate and react slightly to the pointer. Colors mix --primary, --accent and --foreground.
Customize
Count12
Spread5
Speed1
Props
| Prop | Type | Default | Description |
|---|---|---|---|
count | number | 12 | Number of shapes. |
spread | number | 5 | How far shapes spread from the center. |
speed | number | 1 | Float animation speed multiplier. |
className | string | — | Classes for the wrapper element (set its height here). |
theme | "auto" | "light" | "dark" | "auto" | Color source. auto reads the live shadcn theme. |
countnumberNumber of shapes.
Default
12spreadnumberHow far shapes spread from the center.
Default
5speednumberFloat animation speed multiplier.
Default
1classNamestringClasses for the wrapper element (set its height here).
Default
—theme"auto" | "light" | "dark"Color source. auto reads the live shadcn theme.
Default
"auto"