InertiaGrid

Show Preview
InertiaGrid
InertiaGrid

About InertiaGrid

A physics-driven media grid — Drift, Repel, or Glitch — each tile reacts to cursor proximity with spring inertia.

Inertia Grid is an interactive media grid for Framer with three behavior presets (Drift, Repel, Glitch). Every card responds to cursor distance and velocity with spring-based translate, rotate, and scale. Tune intensity, entrance, responsive columns/gaps/sizes, background, and per-item links from the panel. Canvas and export freeze a mid-inertia pose; reduced-motion and fine-pointer gates keep production safe. Zero external packages.

- 3 physics presets: Drift, Repel, Glitch

- Cursor proximity + velocity inertia per tile

- Spring translate, rotate, and scale

- Intensity 0–100 + entrance presets

- Responsive layout (desktop / tablet / mobile)

- Items: ResponsiveImage + alt + radius + optional Link

- On Item Tap event handoff

- Reduced-motion + canvas/export static guard

- Zero external dependencies (framer + framer-motion)

From BuiltByKern

Lens Warp
Spiral 3D Gallery
Drift Plane
InfiniteCarousel3D

Related Components

Cover Flow Gallery
GalleryStack
ZenGallery
Scroll through a 3D