Elastic Mesh
A wire grid that bends away from the cursor and springs back, with a ripple on click.
import { ElasticMesh } from "pleate/effects/elastic-mesh";Mesh
Push the mesh
Click for a ripple.
Props
- gap
Distance between grid points in px.
numberdefault 32- radius
Reach of the cursor in px.
numberdefault 110- strength
How hard the cursor pushes.
numberdefault 1- color
Line color.
stringdefault var(--pl-separator)
Accessibility
- Decorative layer, hidden from assistive tech, and it never catches clicks.
- Touch and reduced motion get the still grid.