Skip to content

component

Elastic Motion Grid

By DariStudio

Details

Summary

Elastic drag for your visual grid.

Description

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

Introduction

Elastic drag for your visual grid.

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400142308/148/228/309/79/15
  • All · #1303