SVG Wave Divider Generator
Create the wavy section dividers that separate stacked website sections. Pick a wave style, tune the height and amplitude, then copy the SVG or download it — the markup stretches to any viewport width without squashing the curve.
Live preview
viewBox 0 0 1440 140
A clean sine curve — the classic section break.
In practice the divider sits at the top of the lower section and is filled with that section's colour, so the two areas appear to interlock.
Wave style
Shape
Layers only apply to the layered style — switch to it to see the difference.
Preview colours
These only affect the preview, so you can see the divider against your own palette.
Fill
Flip
Flipping horizontally mirrors the curve; flipping vertically points the wave the other way, for anchoring to the top of a section.
Export
The copied markup is ready for inline use in JSX or HTML and carries preserveAspectRatio="none" plus width="100%", so it fills its container.
Markup
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 140" preserveAspectRatio="none" width="100%" height="140" aria-hidden="true"><defs><linearGradient id="wd-grad" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" stop-color="#4F46E5"/><stop offset="100%" stop-color="#8B5CF6"/></linearGradient></defs><path d="M 0 70 L 7.2 72.83 L 14.4 75.64 L 21.6 78.43 L 28.8 81.19 L 36 83.91 L 43.2 86.57 L 50.4 89.16 L 57.6 91.68 L 64.8 94.11 L 72 96.45 L 79.2 98.68 L 86.4 100.8 L 93.6 102.8 L 100.8 104.67 L 108 106.41 L 115.2 107.99 L 122.4 109.43 L 129.6 110.72 L 136.8 111.84 L 144 112.8 L 151.2 113.59 L 158.4 114.2 L 165.6 114.65 L 172.8 114.91 L 180 115 L 187.2 114.91 L 194.4 114.65 L 201.6 114.2 L 208.8 113.59 L 216 112.8 L 223.2 111.84 L 230.4 110.72 L 237.6 109.43 L 244.8 107.99 L 252 106.41 L 259.2 104.67 L 266.4 102.8 L 273.6 100.8 L 280.8 98.68 L 288 96.45 L 295.2 94.11 L 302.4 91.68 L 309.6 89.16 L 316.8 86.57 L 324 83.91 L 331.2 81.19 L 338.4 78.43 L 345.6 75.64 L 352.8 72.83 L 360 70 L 367.2 67.17 L 374.4 64.36 L 381.6 61.57 L 388.8 58.81 L 396 56.09 L 403.2 53.43 L 410.4 50.84 L 417.6 48.32 L 424.8 45.89 L 432 43.55 L 439.2 41.32 L 446.4 39.2 L 453.6 37.2 L 460.8 35.33 L 468 33.59 L 475.2 32.01 L 482.4 30.57 L 489.6 29.28 L 496.8 28.16 L 504 27.2 L 511.2 26.41 L 518.4 25.8 L 525.6 25.35 L 532.8 25.09 L 540 25 L 547.2 25.09 L 554.4 25.35 L 561.6 25.8 L 568.8 26.41 L 576 27.2 L 583.2 28.16 L 590.4 29.28 L 597.6 30.57 L 604.8 32.01 L 612 33.59 L 619.2 35.33 L 626.4 37.2 L 633.6 39.2 L 640.8 41.32 L 648 43.55 L 655.2 45.89 L 662.4 48.32 L 669.6 50.84 L 676.8 53.43 L 684 56.09 L 691.2 58.81 L 698.4 61.57 L 705.6 64.36 L 712.8 67.17 L 720 70 L 727.2 72.83 L 734.4 75.64 L 741.6 78.43 L 748.8 81.19 L 756 83.91 L 763.2 86.57 L 770.4 89.16 L 777.6 91.68 L 784.8 94.11 L 792 96.45 L 799.2 98.68 L 806.4 100.8 L 813.6 102.8 L 820.8 104.67 L 828 106.41 L 835.2 107.99 L 842.4 109.43 L 849.6 110.72 L 856.8 111.84 L 864 112.8 L 871.2 113.59 L 878.4 114.2 L 885.6 114.65 L 892.8 114.91 L 900 115 L 907.2 114.91 L 914.4 114.65 L 921.6 114.2 L 928.8 113.59 L 936 112.8 L 943.2 111.84 L 950.4 110.72 L 957.6 109.43 L 964.8 107.99 L 972 106.41 L 979.2 104.67 L 986.4 102.8 L 993.6 100.8 L 1000.8 98.68 L 1008 96.45 L 1015.2 94.11 L 1022.4 91.68 L 1029.6 89.16 L 1036.8 86.57 L 1044 83.91 L 1051.2 81.19 L 1058.4 78.43 L 1065.6 75.64 L 1072.8 72.83 L 1080 70 L 1087.2 67.17 L 1094.4 64.36 L 1101.6 61.57 L 1108.8 58.81 L 1116 56.09 L 1123.2 53.43 L 1130.4 50.84 L 1137.6 48.32 L 1144.8 45.89 L 1152 43.55 L 1159.2 41.32 L 1166.4 39.2 L 1173.6 37.2 L 1180.8 35.33 L 1188 33.59 L 1195.2 32.01 L 1202.4 30.57 L 1209.6 29.28 L 1216.8 28.16 L 1224 27.2 L 1231.2 26.41 L 1238.4 25.8 L 1245.6 25.35 L 1252.8 25.09 L 1260 25 L 1267.2 25.09 L 1274.4 25.35 L 1281.6 25.8 L 1288.8 26.41 L 1296 27.2 L 1303.2 28.16 L 1310.4 29.28 L 1317.6 30.57 L 1324.8 32.01 L 1332 33.59 L 1339.2 35.33 L 1346.4 37.2 L 1353.6 39.2 L 1360.8 41.32 L 1368 43.55 L 1375.2 45.89 L 1382.4 48.32 L 1389.6 50.84 L 1396.8 53.43 L 1404 56.09 L 1411.2 58.81 L 1418.4 61.57 L 1425.6 64.36 L 1432.8 67.17 L 1440 70 L 1440 140 L 0 140 Z" fill="url(#wd-grad)"/></svg>
About this tool
This SVG wave divider generator builds the wavy section breaks used between stacked website sections. Six styles are drawn mathematically rather than hand-authored — a smooth sine wave, a layered stack with fading opacity, a rounded saw-tooth, a flat staircase, a deep book-page arc and a gentle tilt — with full control over the height, amplitude, number of layers and fill.
The copied markup uses preserveAspectRatio="none" so a single path stretches to any viewport width without needing separate assets per breakpoint. Flip the curve horizontally or vertically, preview it between your own two section colours, then copy the SVG or download the file. Everything is generated in your browser; nothing is uploaded.
- 100% free — no account needed
- Runs in your browser
- Nothing is uploaded
Frequently asked questions
Is SVG Wave Divider Generator really free?
Yes. SVG Wave Divider Generator is completely free on PureBrowser — every feature, with no account, no trial, and no credit card.
Does SVG Wave Divider Generator upload my data?
No. SVG Wave Divider Generator runs entirely inside your browser, so anything you type, paste, or open stays on your own device.
Do I need to sign up or install anything?
Neither. There is no account and nothing to download — open the page and SVG Wave Divider Generator is ready to use on desktop or mobile.
Does SVG Wave Divider Generator work offline?
Once the page has loaded, yes. All of the processing happens locally in your browser, so it keeps working without a connection.
More design & visual
CSS Gradient Generator
Create linear CSS gradients with a live preview.
CSS Box Shadow Generator
Build and preview CSS box-shadow values with one-click copy.
CSS Glassmorphism Generator
Generate frosted-glass CSS with backdrop blur and copy-ready styles.
QR Code Generator
Generate custom QR codes for any text or URL.
WiFi QR Code Generator
Generate a scannable QR code to share WiFi credentials instantly.
Letter Profile Picture
Generate avatar images from initials with custom colors.