56:I[473921,["/creators-assets/_next/static/immutable/chunks/456dxp3afc8vw.js","/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0bntpu9zyiup3.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/0_p7_rfyih3ce.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3x7cofmdt-u_a.js","/creators-assets/_next/static/immutable/chunks/18e_sauhpyyit.js","/creators-assets/_next/static/immutable/chunks/13xqrk3e5k8yu.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1yn3k6g09tq32.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2n9qmawfhavju.js","/creators-assets/_next/static/immutable/chunks/0m8lhf01xskqj.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/439i_r5_4eszl.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/26fs9mkd8gzie.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/2eiu9v0ook5ln.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/0u_jiik6ovv_e.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/1tvhyiuh-gmez.js"],"PostDetailCard"] 57:T77a,

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.

53:[["$","$L56",null,{"post":{"id":"01a14418-300a-72de-83e9-c655ff9ad478","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"398f3775-7a79-4d78-ad61-8b84fe80d0e4","name":"Davey DPA","slug":"davey-dpa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/398f3775-7a79-4d78-ad61-8b84fe80d0e4/1aihc92k","followed":false,"followsYou":false},"media":[],"resources":[{"id":"6cahFIs8eB1rSMOcPF9l","resolved":true,"title":"Smooth Wave Section","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth Wave Section — Free Framer Component"}]},{"type":"paragraph","content":[{"type":"text","text":"Add beautiful, flowing wave sections to your Framer website in seconds."}]},{"type":"paragraph","content":[{"type":"text","text":"Smooth Wave Section is a fully customizable and responsive Framer component that lets you create elegant, organic section shapes without writing any code."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're designing a modern landing page, portfolio, or business website, this component helps you move beyond traditional rectangular layouts."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable Top & Bottom Waves","marks":[{"type":"bold"}]},{"type":"text","text":" — Independently adjust the height of each wave."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable Middle Section","marks":[{"type":"bold"}]},{"type":"text","text":" — Control the height of the center area."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wave Width Control","marks":[{"type":"bold"}]},{"type":"text","text":" — Customize the horizontal wave pattern without stretching it to fit the screen."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background Images","marks":[{"type":"bold"}]},{"type":"text","text":" — Add your own images with adjustable vertical positioning."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Background Colors","marks":[{"type":"bold"}]},{"type":"text","text":" — Match the component to your website's branding."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Horizontal & Vertical Wave Flipping","marks":[{"type":"bold"}]},{"type":"text","text":" — Reverse the top and bottom wave directions independently."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Straight Edge Option","marks":[{"type":"bold"}]},{"type":"text","text":" — Set either wave height to 0px for a perfectly straight edge."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive Design","marks":[{"type":"bold"}]},{"type":"text","text":" — Adapts to different screen widths, including ultrawide displays."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Promotional banners"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative section backgrounds"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Modern business websites"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Easy to Customize"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"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."}]},{"type":"paragraph","content":[{"type":"text","text":"Free to use. Built for Framer.","marks":[{"type":"bold"}]}]}]},"introduction":"Responsive Wave Sections","slug":"smooth-wave-section","author":{"framerUserId":"398f3775-7a79-4d78-ad61-8b84fe80d0e4","name":"Davey DPA","slug":"davey-dpa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/398f3775-7a79-4d78-ad61-8b84fe80d0e4/1aihc92k","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/398f3775-7a79-4d78-ad61-8b84fe80d0e4/01a14417-ec68-716e-b277-107b5a984047.png","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-10-16T09:43:17.246Z","updatedAt":"2026-10-16T10:08:41.021Z","publishedAt":"2026-10-16T09:43:17.243Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Smooth-Wave-WNwutR.js@yz1osRh126NMk9GASa1X","previewUrl":"https://smoothwave.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"yz1osRh126NMk9GASa1X","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-16T09:43:18.282Z","updatedAt":"2026-10-16T09:43:18.282Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you