Skip to content

component

InertiaGrid

By BuiltByKern

Details

Summary

Physics media grid with inertia.

Description

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)

Introduction

Physics media grid with inertia.

Rank history

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

110012001300138918/148/228/309/79/15
  • All · #3891