SkillGitHub
All components
grid-distortion

Grid distortion

Bends a grid or media surface around input and returns it smoothly.

  • Keyboard ready
  • Reduced motion
  • TypeScript
Scene
spatial · dark
Runtime cost
Medium
Motion engine
motion + css
Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/grid-distortion.json

Component behavior

Field bends around interaction and returns without snapping Bends a grid or media surface around input and returns it smoothly.

Suitable events

Use for brand presentation, spatial exploration, and information-rich visual storytelling.

Runtime information

Motion engine
motion, css
Runtime cost
Medium
Dependencies
motion
Open public Registry JSON