Skip to the content

Library/ 31 drag-canvasProImages

Drag Canvas

An endless wall of tiles you drag in any direction.

A Pro component: the live demo and the code come with Pro.

Settings

Pro
  • gap
  • inertia
  • stagger
  • drift
Tune it live with Pro

What it does

Drag Canvas is an image animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called infinite grid, pan canvas or image wall.

Your tiles spread into a staggered wall with no edges. Drag it any way and it follows, then glides on and eases to a stop. Arrow keys move it one tile; the copies that fill the view stay hidden from screen readers.

With Pro

The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.