Smooth Wave Section

Smooth Wave Section — Free Framer Component

Add beautiful, flowing wave sections to your Framer website in seconds.

Smooth Wave Section is a fully customizable and responsive Framer component that lets you create elegant, organic section shapes without writing any code.

Whether you're designing a modern landing page, portfolio, or business website, this component helps you move beyond traditional rectangular layouts.

Features

• Customizable Top & Bottom Waves — Independently adjust the height of each wave.

• Adjustable Middle Section — Control the height of the center area.

• Wave Width Control — Customize the horizontal wave pattern without stretching it to fit the screen.

• Background Images — Add your own images with adjustable vertical positioning.

• Custom Background Colors — Match the component to your website's branding.

• Horizontal & Vertical Wave Flipping — Reverse the top and bottom wave directions independently.

• Straight Edge Option — Set either wave height to 0px for a perfectly straight edge.

• Responsive Design — Adapts to different screen widths, including ultrawide displays.

Perfect For

• Hero sections

• Landing pages

• Promotional banners

• Creative section backgrounds

• Portfolio websites

• Modern business websites

Easy to Customize

Simply add the component to your Framer project, adjust the wave settings, choose your colors or background image, and create a unique section design in seconds.

Free to use. Built for Framer.