---
title: "Scroll Bend Section — Framer component · Best of Framer"
description: "$9.00 · Framer component · by 108™ Supply · Effects. Scroll Bend Section lets you create smooth curved media sections directly in Framer."
canonical: "https://framer.elliotli.dev/component/scroll-bend-section"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Scroll Bend Section

# Scroll Bend Section

Background image/video with curve

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

![Scroll Bend Section preview image 1](https://framer.elliotli.dev/og/component/scroll-bend-section/5aaf76cf07649ab4/1600x1200.jpg)

## Summary

Scroll Bend Section lets you create smooth curved media sections directly in Framer.

## Description

### Scroll Bend Section lets you create smooth curved media sections directly in Framer. Add an image or video, adjust the top and bottom bend, choose inward or outward curves, set corner radius, crop position, overlay, padding, and optional scroll animation.

Perfect for hero sections, transitions, editorial layouts, product pages, cycling sites, sport brands, portfolios, and landing pages that need a more fluid section edge than a standard rectangle.

[Watch video how to use it](https://youtu.be/HAGXN-IagKM)

**Features**

-   Image or video support
    
-   Top and bottom curve controls
    
-   Inward and outward bend direction
    
-   Optional scroll-based animation
    
-   Fast, Natural, Premium, and Custom animation styles
    
-   Responsive curve based on component width
    
-   Corner radius control
    
-   Image focal point controls
    
-   Overlay color and opacity
    
-   Padding controls
    
-   Works as a hero/media section layer in Framer
    

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

-   All · #902

## Details

- **Author**: 108™ Supply
- **Price**: $9.00
- **Published**: 2026-07-01
- **Updated**: 2026-07-02
- **Added**: 2026-07-01
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows