---
title: "Gradient Fields — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Sarthak Navalekar · Backgrounds. You can even export as code/MP4/SVG/CSS on FeralUI This is Premium component What Gradient Fields offers: Continuous…"
canonical: "https://framer.elliotli.dev/component/gradient-fields"
---

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

# Gradient Fields

Four animated gradient backgrounds

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

![Gradient Fields preview image 1](https://framer.elliotli.dev/og/component/gradient-fields/5a41923c7ab819c1/1600x1200.jpg)

## Summary

You can even export as code/MP4/SVG/CSS on FeralUI This is Premium component What Gradient Fields offers: Continuous updates and improvements.

## Description

If you want to explore gradients first, go to [feralui.dev/gradients](http://feralui.dev/gradients). **It is free**.

You can even export as code/MP4/SVG/CSS on FeralUI

**Update**

13 september 2026: Added Prism preset

**What Gradient Fields offers:**

-   Continuous updates and improvements. You buy once, the component keeps getting better.
    
-   New gradients that are not on the site. They land here first, some only here.
    
-   Full customization and the full code. Every dial, every colour, and the file is yours to edit.
    
-   Full support. You ask, I fix.
    
-   Directly support FeralUI
    

Four types inside: Sky, Glassy, Aurora, Glow. Works on the Framer canvas, animates on the live site.

**_This is one time purchase, new preset will be added to existing component_**

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

-   All · #9287

## Details

- **Author**: Sarthak Navalekar
- **Price**: $15.00
- **Published**: 2026-09-11
- **Updated**: 2026-09-13
- **Added**: 2026-09-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