Isometric Cubes
An isometric cube field — a wave rolls diagonally through the grid while cubes near the cursor rise to meet it. A compute-grid illustration for bento cards.
Installation
▸ Run the following command
npx shadcn@latest add https://www.mellowui.com/r/isometric-cubes.json▸ Or install manually
- Copy the source from the Code tab above.
- Place it at
components/mellow/isometric-cubes.tsx - Import and use.
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| rows | number | 5 | Grid rows. |
| cols | number | 5 | Grid columns. |
| speed | number | 1 | Wave speed multiplier. |
| amplitude | number | 14 | Maximum wave lift in world units. |
| size | number | 380 | Rendered width in px. |
| className | string | — | Additional CSS classes. |