---
title: "Drift Grid — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Hasan Wali · Backgrounds. Haytham Drift Grid arranges connected Framer frames or components across a balanced three-row layout, then turns the composition…"
canonical: "https://framer.elliotli.dev/component/drift-grid"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Drift Grid

# Drift Grid

Fluid draggable media grid

[View on Framer](https://framer.com/marketplace/components/drift-grid/?via=elliot-li)

![Drift Grid preview image 1](https://framer.elliotli.dev/og/component/drift-grid/cc486636a881f4b3/1600x1200.jpg)

## Summary

Haytham Drift Grid arranges connected Framer frames or components across a balanced three-row layout, then turns the composition into an interactive canvas.

## Description

**About this Component**

Create an immersive media wall that follows the pointer on desktop and becomes naturally draggable on tablet and mobile.

Haytham Drift Grid arranges connected Framer frames or components across a balanced three-row layout, then turns the composition into an interactive canvas. Desktop movement uses adjustable travel and smoothness, while tablet and mobile have dedicated drag controls for sensitivity, momentum, direction, and optional snap-to-center behavior.

**Perfect For:**

Creative portfolios, photography, agency sites, case studies, editorial layouts, project showcases, landing pages, and experimental interfaces.

**Key Features:**

• Connect Framer frames or components directly • Adjustable slot count with automatic item repeating • Balanced three-row gallery composition • Smooth desktop pointer-follow motion • Dedicated tablet and mobile drag controls • Separate mobile sizing and spacing • Free or horizontal dragging • Adjustable sensitivity, smoothness, momentum, and snap behavior • Custom item size, spacing, padding, and middle-row offset • Adjustable background, radius, and empty-slot color • Optional force-fill for connected media • Motion pauses automatically when off-screen • Static Canvas/export rendering • No external libraries or global page manipulation

**How It Works**

Connect your content, choose the slot count, then customize layout and motion from Framer’s property panel. Connected items repeat automatically when more slots are used.

**Questions?**

For setup help or support, contact [hasanwali6890@gmail.com](mailto:hasanwali6890@gmail.com).

**Refund Policy**

All sales are final as this is a non-tangible digital product. Refunds are offered only for a critical technical failure that prevents the component’s core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer’s remorse, aesthetic preference, or post-purchase modifications. Report confirmed failures with evidence within 14 days of purchase.

## Rank history [How rankings work →](/terms#rankings)

-   All · #11240

## Details

- **Author**: Hasan Wali
- **Price**: $9.00
- **Published**: 2026-08-28
- **Updated**: 2026-08-28
- **Added**: 2026-08-28
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background