---
title: "MosaicFlip — Free Framer component · Best of Framer"
description: "Free Framer component · by Paula Sanz · Backgrounds. A grid that flips its tiles in 3D"
canonical: "https://framer.elliotli.dev/component/mosaicflip"
---

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

# MosaicFlip

A grid that flips its tiles in 3D

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

![MosaicFlip preview image 1](https://framer.elliotli.dev/og/component/mosaicflip/7a402787b0bf89ec/1600x1200.jpg)

## Summary

A grid that flips its tiles in 3D

## Description

**Mosaic Flip** is a portfolio component that transforms your images into a dynamic grid of 3D tiles. On idle, each tile subtly breathes with a randomized depth animation, giving the component a living, organic feel. When a user hovers over a project name in the navigation, the entire grid flips tile by tile in a smooth wave that radiates from the center outward — revealing the next image underneath with a satisfying 3D rotation effect.

Built with performance in mind, transitions are handled imperatively to avoid re-renders mid-animation, and a queue system ensures no interaction is ever dropped. The dark side faces of each tile add real depth during the flip, making the transition feel truly three-dimensional.

Everything is customizable directly from the Framer canvas — swap images, edit project names, adjust grid columns and rows, tile size, background color, navigation text color, and dark face color. No code needed after dropping it in.

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

-   All · #6049

## Details

- **Author**: Paula Sanz
- **Published**: 2026-06-18
- **Updated**: 2026-06-26
- **Added**: 2026-06-02
- **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