Elastic Motion Grid

Elastic Grid

Elastic Grid is an interactive media gallery that brings images, videos, and project cards to life with smooth drag-based physics.

Pull any card across the grid and the surrounding elements will follow with a soft elastic reaction. Once released, the entire composition smoothly returns to its original position.

Perfect for creative portfolios, agency websites, photography showcases, project galleries, editorial layouts, and landing pages that need a memorable interactive moment.

Key features

• Smooth drag and spring physics

• Elastic reaction between neighbouring cards

• Custom images and videos

• Individual titles and links

• Adjustable interaction reach and strength

• Control over stiffness, damping, mass, rotation, and scale

• Custom columns, spacing, padding, and card proportions

• Responsive desktop and mobile layouts

• Custom backgrounds, borders, shadows, overlays, and corner radius

• Optional labels and card numbers

• Mouse and touch interaction

• Static Canvas and Export preview

• Fully customizable directly inside Framer

• No coding required