---
title: "Folded Gradient — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Sirrah Space · Backgrounds. Elevate your Framer website with the Folded Gradient component."
canonical: "https://framer.elliotli.dev/component/folded-gradient"
---

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

# Folded Gradient

Fluid folding gradient background.

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

![Folded Gradient preview image 1](https://framer.elliotli.dev/og/component/folded-gradient/8d79a0b07349b470/1600x1200.jpg)

## Summary

Elevate your Framer website with the Folded Gradient component.

## Description

Elevate your Framer website with the Folded Gradient component. Powered by high-performance WebGL shaders, this animated background creates a stunning visual effect resembling a glowing, fluid fold of colors.

Key functionality and controls include:

-   **Customizable Colors:** Choose two main gradient colors and a base background shade to perfectly match your brand UI.
    
-   **Fold & Curvature Control:** Adjust the angle of the split, the radial bend (curvature), and the neon-like sharpness of the edge.
    
-   **Dynamic Waves:** Add sinusoidal ripples along the fold line with adjustable frequency and amplitude.
    
-   **Fluid Animation:** Modify the speed and depth of the fluid warping effect to give the background a lively, organic feel.
    
-   **Glow Effects:** Control the width and intensity of the glowing light halo around the fold.
    

Designed specifically for Framer, it guarantees smooth animations on live sites. Perfect for hero sections and modern creative portfolios.

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

-   All · #2610

## Details

- **Author**: Sirrah Space
- **Price**: $5.00
- **Published**: 2026-08-28
- **Updated**: 2026-08-28
- **Added**: 2026-08-28
- **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