---
title: "EdgeBlend — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ramcharantej Paka · Backgrounds. Flawless image fades for Framer."
canonical: "https://framer.elliotli.dev/component/edgeblend"
---

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

# EdgeBlend

Flawless image fades for Framer.

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

![EdgeBlend preview image 1](https://framer.elliotli.dev/og/component/edgeblend/33c189f8077c94ed/1600x1200.jpg)

## Summary

Flawless image fades for Framer.

## Description

-   **Artifact-Free Rendering:** Powered by a custom Canvas shader and 9-slice geometry. No overlapping alpha bleeds, no diagonal Mach banding—just pure, buttery smooth transitions into any background.
    
-   **Logarithmic Tension Curves:** Take ultimate control. Set your Depth (0–800px) and use the Midpoint slider to keep your subject crisp in the centre before dropping the opacity on a perfect, smooth step curve.
    
-   **5 Native Shapes:** Feather edges across Rectangles, Squares, Circles, Ovals, and Triangles with custom vector-normal math.
    
-   **Studio Blend Modes:** Neutralize harsh original backgrounds by applying 12+ composite blend modes (Multiply, Overlay, Screen) and custom colour tints directly to the image pixels.
    
-   **Responsive & CMS Ready:** Engineered with a DOM-anchor ghost image to maintain true aspect ratios natively. "Fit Content" works flawlessly, it scales perfectly on mobile, and hooks up instantly to your Framer CMS image fields.
    
-   **Production-Grade Architecture:** Hydration-safe for SSG/SSR published sites. Your images will never vanish on the live site, loading eagerly with zero layout shift.
    
    ![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-oquiq0gn-6jf5dP6VQrMiNTf9d6JwKJW887gxex)

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

-   All · #9010

## Details

- **Author**: Ramcharantej Paka
- **Price**: $5.00
- **Published**: 2026-04-28
- **Updated**: 2026-04-28
- **Added**: 2026-04-19
- **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