---
title: "GridMosaic — Free Framer component · Best of Framer"
description: "Free Framer component · by Francisc Toth · Backgrounds. GridMosaic — Grid Takeover Effect for Framer The grid takeover effect is everywhere in brand content right now, and every version…"
canonical: "https://framer.elliotli.dev/component/gridmosaic"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/GridMosaic

# GridMosaic

That grid takeover effect

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

![GridMosaic preview image 1](https://framer.elliotli.dev/og/component/gridmosaic/57eedfec33f5c9d1/1600x1200.jpg)

## Summary

GridMosaic — Grid Takeover Effect for Framer The grid takeover effect is everywhere in brand content right now, and every version of it is a rendered video.

## Description

**GridMosaic — Grid Takeover Effect for Framer**

The grid takeover effect is everywhere in brand content right now, and every version of it is a rendered video. GridMosaic runs the effect live on your Framer site.

Drop in any clip or photo. The component cuts out the subject in the browser, then rebuilds the composite in real time: tiled background with shuffled cells and exposure jitter, mosaic pixelation, a white paper-cut edge around the subject, grid lines on top. Tiles drift and fade between states instead of snapping, so the motion reads like the original edit, not a slideshow.

What's built in:

-   Auto cutout for people, in the browser. Pre-keyed alpha video supported for product shots and hair-perfect edges.
    
-   Reverse background playback that matches forward smoothness, so the background can run against the subject.
    
-   Image mode with automatic parallax, driven by scroll or cursor, with the subject counter-drifting for depth.
    
-   Three hover modes: tiles pixelate, reveal the background, or scramble around the cursor.
    
-   Grid-anchored typography with Framer's full font picker, plus an editable branding slot in the corner.
    
-   Performance-minded throughout: one canvas, video loads only when visible, playback pauses offscreen, reduced motion holds a still, alt text included.
    

Full control over grid density, seed, tile behavior, subject placement and scale, edge width and color, B&W treatment, and re-roll timing.

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

-   All · #7868

## Details

- **Author**: Francisc Toth
- **Published**: 2026-08-11
- **Updated**: 2026-09-14
- **Added**: 2026-08-11
- **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