Scroll Bend Section

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

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 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

Background image/video with curve