Distortion Grid
A canvas grid of thin lines that slowly undulate with large sweeping waves. Hovering repels the grid fabric outward from the cursor, amplifying the distortion across the entire canvas.
BackgroundsCanvasInteractive
Distortion Gridhover to warp
Add to your project
One command adds this component to your project.
1
Run the following command:
npx shadcn@latest add "https://aicanvas.me/r/distortion-grid.json"2
For dark mode, add the dark class to your <html> element:
<html class="dark">
