Infinite 2D Grid
Drag to explore. Release to glide. A seamless, wrap‑around 2D grid with per‑column parallax, inertia, and anti‑repeat logic. Perfect for hero walls and product galleries.
Make it with Workshop
Build your own component with AI
Drag to explore. Release to glide. A seamless, wrap‑around 2D grid with per‑column parallax, inertia, and anti‑repeat logic. Perfect for hero walls and product galleries.
Make it with Workshop
Build your own component with AI
Drop it in, pass any Framer components or images as items, and get an endlessly scrolling wall that wraps on both axes. Wheel, drag, or touch to move; on release it coasts with momentum (and automatically respects prefers‑reduced‑motion). Smart de‑tiling permutations keep layouts feeling organic rather than tiled. Choose free‑size items or a column layout with auto widths, and add a subtle press‑scale for tactile feedback.
True 2D wrap (X & Y) using GPU transforms for buttery performance.
Per‑column parallax: each column can scroll at a different speed for depth.
Anti‑repetition logic: permutations keep visible repeats to a minimum.
Momentum controls: tune inertia & friction, or disable entirely.
Pointer, wheel & touch: smooth on mouse, trackpad, and mobile.
A11y‑friendly: honors user motion preferences.
Layout: Default (free sizing) or Columns (auto widths).
Gap: tile spacing in px.
Columns / Rows: grid density.
Parallax (0–1): 0 = same speed; 0.1–0.3 = subtle depth; ≥0.5 = bold.
Scroll Speed: responsiveness to wheel/trackpad & drag.
Press Effect: optional micro‑scale on press
Scale sets pressed size.
Drag Inertia: toggle momentum
Inertia (1–10) = release energy
Friction (0.8–0.99) = slow‑down rate.
Parallax is automatically disabled when Columns > 4 to keep performance consistent.
Keep item components lightweight for the best frame rates.
