Components
Meshball
3D network globe rendered on Canvas with depth-aware nodes, Fibonacci sphere distribution, and glassmorphic overlay primitives.
Loading
Installation
pnpm dlx shadcn@latest add @toui/meshball
Examples
Network Monitor
Loading
Minimal
Loading
API Reference
Meshball
| Prop | Type | Default |
|---|---|---|
size | ||
nodeCount | ||
radius | ||
rotationSpeed | ||
connectionThreshold | ||
children |
MeshballChip
| Prop | Type | Default |
|---|---|---|
label | ||
value | ||
active |
MeshballCallout
| Prop | Type | Default |
|---|---|---|
metric | ||
title | ||
subtitle |
MeshballStatus
| Prop | Type | Default |
|---|---|---|
label | ||
online |
Credits
- Sphere distribution via Fibonacci sphere algorithm.
- Built with Canvas 2D API and Motion.