---
title: "MeshFlow — Framer component · Best of Framer"
description: "$5.00 · Framer component · by QuickBlocks · Backgrounds. MeshFlow in action before adding it to your project."
canonical: "https://framer.elliotli.dev/component/meshflow"
---

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

# MeshFlow

Cursor-reactive mesh magic.

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

![MeshFlow preview image 1](https://framer.elliotli.dev/og/component/meshflow/95d7dce0eaaf79e7/1600x1200.jpg)

## Summary

MeshFlow in action before adding it to your project.

## Description

## MeshFlow

### Live Preview

Explore **MeshFlow** in action before adding it to your project.

**Preview:** [https://meshflow.framer.website/](https://meshflow.framer.website/)

## About the Component

**MeshFlow** is a premium interactive mesh background component for Framer that transforms a simple dot grid into a dynamic, cursor-reactive experience. Featuring smooth physics-based movement, animated mesh connections, optional cursor trails, and complete customization, it's designed to add depth and motion to modern websites without compromising performance.

Perfect for SaaS, AI startups, portfolios, agencies, landing pages, product launches, and interactive digital experiences.

## Why You'll Love It

-   Cursor-reactive dot grid
    
-   Dynamic animated mesh connections
    
-   Smooth physics-based movement
    
-   Adjustable attraction strength
    
-   Customizable grid spacing
    
-   Configurable interaction radius
    
-   Optional cursor trail
    
-   Fully customizable colors
    
-   Responsive across all devices
    
-   High-performance canvas rendering
    
-   Touch support
    
-   Built exclusively for Framer
    

## Perfect For

-   SaaS Products
    
-   AI Startups
    
-   Startup Landing Pages
    
-   Creative Portfolios
    
-   Design Agencies
    
-   Product Showcases
    
-   Interactive Websites
    
-   Marketing Pages
    

## Customization

Customize everything directly from Framer's **Properties Panel**:

-   Grid spacing
    
-   Dot size
    
-   Attraction strength
    
-   Interaction radius
    
-   Mesh line opacity
    
-   Mesh line width
    
-   Dot colors
    
-   Background color
    
-   Cursor trail toggle
    
-   Trail color & size
    
-   Animation speed
    
-   Responsive layout controls
    

## Need Help?

**Email:** [**quickblocks6@gmail.com**](mailto:quickblocks6@gmail.com)

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

-   All · #1433

## Details

- **Author**: QuickBlocks
- **Price**: $5.00
- **Published**: 2026-08-01
- **Updated**: 2026-11-04
- **Added**: 2026-08-01
- **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