Voronoi Shatter
A sphere fractured into Voronoi shards that drift apart and snap back together, each facet shading --accent to --primary by height.
A sphere fractured into Voronoi shards that drift apart and snap back together in a slow breath. Each facet catches the scene lighting and shades from --accent to --primary by height.
Customize
Props
| Prop | Type | Default | Description |
|---|---|---|---|
shards | number | 26 | Number of Voronoi fragments. |
speed | number | 1 | Explode/reassemble speed multiplier. |
spread | number | 0.6 | How far the shards fly apart. |
className | string | — | Classes for the wrapper element (set its height here). |
theme | "auto" | "light" | "dark" | "auto" | Color source. auto reads the live shadcn theme. |
shardsnumberNumber of Voronoi fragments.
26speednumberExplode/reassemble speed multiplier.
1spreadnumberHow far the shards fly apart.
0.6classNamestringClasses for the wrapper element (set its height here).
—theme"auto" | "light" | "dark"Color source. auto reads the live shadcn theme.
"auto"Text3D
Extruded, slowly floating 3D text rendered with drei <Text3D>, colored with --primary. Defaults to a typeface served from the jsDelivr npm mirror; pas
Vortex
A spiral galaxy of points — arms swirl outward, fading from --primary at the core to --muted-foreground at the rim. Self-contained and theme-aware.