---
title: "Aurora Mesh — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Majed Monem · Backgrounds. Animated mesh gradient, seeded"
canonical: "https://framer.elliotli.dev/component/aurora-mesh"
---

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

# Aurora Mesh

Animated mesh gradient, seeded

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

![Aurora Mesh preview image 1](https://framer.elliotli.dev/og/component/aurora-mesh/3c275c680dbb9dfb/1600x1200.jpg)

## Summary

Animated mesh gradient, seeded

## Description

An animated mesh gradient background for Framer, with grain and vignette.

Colour stops, blur, speed, motion amount, grain amount, vignette, blend mode, base colour and radius are all controls.

It is driven by a numeric seed. Change the seed until you like the composition, and that composition is the one that loads every time, for every visitor, on every reload. Backgrounds built on random numbers cannot promise that, which is why they look different in the screenshot you approved and on the live site.

The grain is an inline SVG turbulence filter, so nothing is fetched. It animates on composited layers rather than repainting the element every frame, and it freezes for a visitor who has asked for reduced motion. In the Framer canvas it draws a still composition rather than an empty box.

After purchase you receive the component URL. In Framer, press Insert, choose Add Component URL, and paste it.

Licence: yours to use on your own sites and on client sites, commercially, with no attribution. Not for resale or redistribution: do not share the component URL, and do not publish the component or its code anywhere, paid or free. Full terms arrive with your purchase. Questions: me@majedesigns.dev

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

-   All · #8995

## Details

- **Author**: Majed Monem
- **Price**: $8.00
- **Published**: 2026-08-15
- **Updated**: 2026-10-23
- **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