Cubes
A grid of small 3D cubes that turn to face the cursor, and roll in a wave from wherever you click.
import { Cubes } from "pleate/effects/cubes";Grid
Click for a wave.
Big turns, accent faces
Props
- grid
Cubes per row and column.
numberdefault 8- maxAngle
Largest turn in degrees.
numberdefault 45- radius
Reach of the cursor in cells.
numberdefault 3- gap
Space between cubes as a share of a cell.
numberdefault 0.12- faceColor
Face color; sides are shaded from it.
stringdefault var(--pl-surface-2)- borderColor
Edge color.
stringdefault var(--pl-separator)- ripple
Wave on click.
booleandefault true
Accessibility
- Decorative, hidden from assistive tech.
- Touch gets the click wave only; reduced motion keeps it still.