---
title: "Escher Cube Field — Free Framer component · Best of Framer"
description: "Free Framer component · by Ava Thiery · Sections. An Escher-style cube background"
canonical: "https://framer.elliotli.dev/component/escher-cube-field"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Escher Cube Field

# Escher Cube Field

An Escher-style cube background

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

![Escher Cube Field preview image 1](https://framer.elliotli.dev/og/component/escher-cube-field/2239d95942e7cc9c/1600x1200.jpg)

## Summary

An Escher-style cube background

## Description

A tessellated field of isometric cubes that flip from cube to cavity when your cursor passes near them. Inspired by M.C. Escher's tessellations.

Built with SVG, so it stays sharp at any size.

**Features**

-   Cursor-reactive flip effect
    
-   Smooth color transitions
    
-   Hexagonal grid tiling, fills any container
    
-   Black and white by default, fully editable in Framer
    
-   No external dependencies
    

**How to use it**

-   Drop it into any Framer project
    
-   Use as a hero background, section divider, or full-page experience
    
-   Adjust cube size and colors in Framer
    

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

-   All · #5916

## Details

- **Author**: Ava Thiery
- **Published**: 2026-06-16
- **Updated**: 2026-06-16
- **Added**: 2026-06-16
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes