---
title: "Interactive Mesh — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Gabin B. · Backgrounds. Mesh Grid Backgound"
canonical: "https://framer.elliotli.dev/component/interactive-mesh"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Interactive Mesh

# Interactive Mesh

Mesh Grid Backgound

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

![Interactive Mesh preview image 1](https://framer.elliotli.dev/og/component/interactive-mesh/a58492b47e413396/1600x1057.jpg)

## Summary

Mesh Grid Backgound

## Description

Mesh Field turns any section into a surface that responds to the visitor. A fine triangle or square mesh bends like a lens around the cursor, glows with a two-tone highlight, and sends out ripples on click.

**Everything is adjustable, with no code:**

-   **Mesh:** triangles or squares, cell size, line width and opacity
    
-   **Nodes:** diamond, circle, cross or none, with size and glow
    
-   **Colors:** background, lines, and an active-to-secondary highlight
    
-   **Cursor:** repel or attract, radius, strength and follow speed
    
-   **Extras:** spotlight, click ripples, ambient wave, vignette, dot texture
    

**Built for real sites:**

-   Stays sharp on retina screens.
    
-   Stops redrawing when idle or scrolled out of view, so it doesn't slow your page down.
    
-   The Ambient Wave option keeps phones and tablets moving even without a cursor.
    
-   Respects visitors' reduced-motion settings.
    
-   Shows a live preview right on the Framer canvas.
    

Drop it into a section, set it to fill, and put your content on top. The cursor still reaches the mesh through your text and buttons.

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

-   All · #8744

## Details

- **Author**: Gabin B.
- **Price**: $5.00
- **Published**: 2026-09-14
- **Updated**: 2026-09-14
- **Added**: 2026-09-14
- **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