---
title: "Isometric Blocks — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Lucas · Backgrounds. A field of isometric blocks with a swell running through it: domes rise, valleys open, and the blocks properly hide one another."
canonical: "https://framer.elliotli.dev/component/isometric-blocks"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Isometric Blocks

# Isometric Blocks

A block field crossed by a swell

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

![Isometric Blocks preview image 1](https://framer.elliotli.dev/og/component/isometric-blocks/ad456dff9a666bba/1600x1200.jpg)

## Summary

A field of isometric blocks with a swell running through it: domes rise, valleys open, and the blocks properly hide one another.

## Description

A field of isometric blocks with a swell running through it: domes rise, valleys open, and the blocks properly hide one another. Faces are lit differently on top and on the sides, so the volume reads instantly.

Three swell shapes. The crossed one gives a rolling landscape, the radial one sends rings out from the centre, and both are deliberately set off-axis - run a swell along the grid axis and whole rows rise together, which flattens the relief completely.

The cursor lifts a plateau out of the terrain: the pointer is projected onto the ground plane first, so the bulge is a disc lying on the floor seen in perspective, not a circle stuck to the screen.

A colour table is baked at mount, and the block count is capped, so pushing the density costs nothing extra. Canvas, nothing loaded from outside. Honours prefers-reduced-motion and freezes on the Framer canvas.

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

-   All · #8595

## Details

- **Author**: Lucas
- **Price**: $12.00
- **Published**: 2026-08-15
- **Updated**: 2026-08-15
- **Added**: 2026-08-15
- **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