---
title: "Gradient Blobs — Free Framer component · Best of Framer"
description: "Free Framer component · by Hussein Shirvani · Backgrounds. This component creates flowing, animated gradient blobs that move organically across the screen, adding depth and energy to your background."
canonical: "https://framer.elliotli.dev/component/gradient-blobs"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Gradient Blobs

# Gradient Blobs

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

![Gradient Blobs preview image 1](https://framer.elliotli.dev/og/component/gradient-blobs/cf39a05577ac2fbc/1600x1200.jpg)

## Summary

This component creates flowing, animated gradient blobs that move organically across the screen, adding depth and energy to your background.

## Description

This component creates flowing, animated gradient blobs that move organically across the screen, adding depth and energy to your background. It’s ideal for hero sections or dynamic visuals. You can customize the number of blobs, animation speed, color palette, blur strength, glow, and motion style to achieve the perfect aesthetic.

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

-   All · #3304

## Details

- **Author**: Hussein Shirvani
- **Published**: 2025-10-22
- **Updated**: 2025-11-15
- **Added**: 2025-10-11
- **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