What are SVG waves used for?

SVG waves are decorative section dividers commonly used between content sections on websites to add visual interest and smooth transitions.

Can I use these in any website?

Yes, the output is standard SVG that works in all modern browsers. Use the inline SVG or CSS background version.

How do I add multiple layers?

Click 'Add Layer' to stack up to 4 wave layers with independent colours, amplitudes, and frequencies.

Yes, toggle the Flip switch to invert the wave vertically.

Is the SVG responsive?

Yes, the SVG uses viewBox and 100% width, so it scales to any container.

How do I add an SVG wave divider to my website?

Copy the inline SVG code and paste it between two sections in your HTML. Style the surrounding sections with background colours for the full effect.

Can I download the SVG as a file?

Yes, copy the SVG code and save it as a .svg file, or use the CSS background version to apply it directly via stylesheet.

What's the difference between smooth, jagged, and stepped waves?

Smooth waves use bezier curves for flowing transitions. Jagged waves create sharp zigzag patterns. Stepped waves produce a staircase-like profile.

SVG Wave Generator

Create beautiful section dividers with layered waves. Customise shape, colour, and amplitude, then copy SVG or CSS.

Content above the wave

Wave Type

Height: 120px

Flip vertically

Presets

Layer 1

Colour

Amplitude: 25

Frequency: 1.5

Offset: 0

Inline SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 120" preserveAspectRatio="none">
  <path d="M 0 120 L 0 100 C 2.4 100, 4.8 98.82233873225893, 7.2 98.82233873225893 C 9.6 98.82233873225893, 12 97.64729216703714, 14.4 97.64729216703714 C 16.8 97.64729216703714, 19.2 96.47746920156044, 21.599999999999998 96.47746920156044 C 24 96.47746920156044, 26.4 95.31546713535688, 28.8 95.31546713535688 C 31.2 95.31546713535688, 33.6 94.16386590360237, 36 94.16386590360237 C 38.4 94.16386590360237, 40.8 93.02522234901927, 43.199999999999996 93.02522234901927 C 45.6 93.02522234901927, 48 91.90206454504627, 50.400000000000006 91.90206454504627 C 52.800000000000004 91.90206454504627, 55.2 90.79688618288304, 57.6 90.79688618288304 C 60 90.79688618288304, 62.4 89.71214103487227, 64.8 89.71214103487227 C 67.2 89.71214103487227, 69.6 88.65023750651133, 72 88.65023750651133 C 74.4 88.65023750651133, 76.8 87.61353328918982, 79.2 87.61353328918982 C 81.6 87.61353328918982, 84 86.60433012552508, 86.39999999999999 86.60433012552508 C 88.8 86.60433012552508, 91.2 85.62486869891804, 93.60000000000001 85.62486869891804 C 96.00000000000001 85.62486869891804, 98.4 84.67732365867559, 100.80000000000001 84.67732365867559 C 103.2 84.67732365867559, 105.60000000000001 83.76379879174542, 108 83.76379879174542 C 110.4 83.76379879174542, 112.8 82.88632235178278, 115.2 82.88632235178278 C 117.60000000000001 82.88632235178278, 120 82.04684255592028, 122.4 82.04684255592028 C 124.8 82.04684255592028, 127.2 81.24722325923851, 129.6 81.24722325923851 C 132 81.24722325923851, 134.4 80.48923981654175, 136.8 80.48923981654175 C 139.20000000000002 80.48923981654175, 141.6 79.77457514062631, 144 79.77457514062631 C 146.4 79.77457514062631, 148.79999999999998 79.10481596579325, 151.2 79.10481596579325 C 153.6 79.10481596579325, 156 78.4814493249014, 158.4 78.4814493249014 C 160.8 78.4814493249014, 163.2 77.90585924778267, 165.6 77.90585924778267 C 168 77.90585924778267, 170.39999999999998 77.37932368834952, 172.79999999999998 77.37932368834952 C 175.2 77.37932368834952, 177.6 76.90301168721783, 180 76.90301168721783 C 182.4 76.90301168721783, 184.8 76.47798077614436, 187.20000000000002 76.47798077614436 C 189.60000000000002 76.47798077614436, 192 76.10517463004174, 194.4 76.10517463004174 C 196.8 76.10517463004174, 199.20000000000002 75.78542097178422, 201.60000000000002 75.78542097178422 C 204 75.78542097178422, 206.4 75.51942973445585, 208.79999999999998 75.51942973445585 C 211.2 75.51942973445585, 213.6 75.30779148512156, 216 75.30779148512156 C 218.4 75.30779148512156, 220.79999999999998 75.15097611362052, 223.2 75.15097611362052 C 225.6 75.15097611362052, 228 75.0493317892932, 230.4 75.0493317892932 C 232.8 75.0493317892932, 235.20000000000002 75.00308418795848, 237.60000000000002 75.00308418795848 C 240.00000000000003 75.00308418795848, 242.4 75.01233599085671, 244.8 75.01233599085671 C 247.2 75.01233599085671, 249.6 75.0770666566718, 251.99999999999997 75.0770666566718 C 254.39999999999998 75.0770666566718, 256.79999999999995 75.19713246713806, 259.2 75.19713246713806 C 261.59999999999997 75.19713246713806, 264 75.37226684613066, 266.4 75.37226684613066 C 268.8 75.37226684613066, 271.2 75.60208095153132, 273.6 75.60208095153132 C 276 75.60208095153132, 278.40000000000003 75.88606453855505, 280.8 75.88606453855505 C 283.2 75.88606453855505, 285.6 76.22358709262116, 288 76.22358709262116 C 290.4 76.22358709262116, 292.8 76.61389922925332, 295.2 76.61389922925332 C 297.59999999999997 76.61389922925332, 300 77.05613435790048, 302.4 77.05613435790048 C 304.8 77.05613435790048, 307.2 77.5493106059846, 309.6 77.5493106059846 C 312 77.5493106059846, 314.40000000000003 78.0923329989034, 316.8 78.0923329989034 C 319.2 78.0923329989034, 321.6 78.68399589114769, 324 78.68399589114769 C 326.4 78.68399589114769, 328.8 79.32298564313595, 331.2 79.32298564313595 C 333.59999999999997 79.32298564313595, 336 80.00788353782274, 338.4 80.00788353782274 C 340.79999999999995 80.00788353782274, 343.2 80.73716893060526, 345.59999999999997 80.73716893060526 C 348 80.73716893060526, 350.4 81.50922262553476, 352.8 81.50922262553476 C 355.2 81.50922262553476, 357.6 82.32233047033631, 360 82.32233047033631 C 362.4 82.32233047033631, 364.8 83.17468716225567, 367.2 83.17468716225567 C 369.6 83.17468716225567, 372 84.06440025628277, 374.40000000000003 84.06440025628277 C 376.8 84.06440025628277, 379.20000000000005 84.9894943668529, 381.6 84.9894943668529 C 384 84.9894943668529, 386.40000000000003 85.94791555369673, 388.8 85.94791555369673 C 391.20000000000005 85.94791555369673, 393.6 86.93753588210129, 396.00000000000006 86.93753588210129 C 398.40000000000003 86.93753588210129, 400.80000000000007 87.95615814745712, 403.20000000000005 87.95615814745712 C 405.6 87.95615814745712, 408 89.00152075360212, 410.4 89.00152075360212 C 412.79999999999995 89.00152075360212, 415.2 90.07130273413047, 417.59999999999997 90.07130273413047 C 419.99999999999994 90.07130273413047, 422.4 91.16312890551856, 424.79999999999995 91.16312890551856 C 427.2 91.16312890551856, 429.59999999999997 92.27457514062631, 432 92.27457514062631 C 434.4 92.27457514062631, 436.8 93.40317375086568, 439.2 93.40317375086568 C 441.59999999999997 93.40317375086568, 444 94.54641896508645, 446.4 94.54641896508645 C 448.8 94.54641896508645, 451.2 95.70177249301476, 453.6 95.70177249301476 C 456 95.70177249301476, 458.40000000000003 96.8666691608924, 460.8 96.8666691608924 C 463.2 96.8666691608924, 465.6 98.03852260680387, 468 98.03852260680387 C 470.40000000000003 98.03852260680387, 472.8 99.2147310230468, 475.20000000000005 99.2147310230468 C 477.6 99.2147310230468, 480.00000000000006 100.39268293279551, 482.40000000000003 100.39268293279551 C 484.8 100.39268293279551, 487.20000000000005 101.56976298823284, 489.6 101.56976298823284 C 492 101.56976298823284, 494.4 102.74335777727612, 496.79999999999995 102.74335777727612 C 499.19999999999993 102.74335777727612, 501.59999999999997 103.91086162600577, 503.99999999999994 103.91086162600577 C 506.4 103.91086162600577, 508.79999999999995 105.0696823839128, 511.2 105.0696823839128 C 513.6 105.0696823839128, 516 106.21724717912137, 518.4 106.21724717912137 C 520.8 106.21724717912137, 523.2 107.3510081308076, 525.6 107.3510081308076 C 528 107.3510081308076, 530.4 108.46844800613229, 532.8 108.46844800613229 C 535.1999999999999 108.46844800613229, 537.6 109.56708580912724, 540 109.56708580912724 C 542.4 109.56708580912724, 544.8000000000001 110.64448228912681, 547.2 110.64448228912681 C 549.6 110.64448228912681, 552 111.69824535651433, 554.4 111.69824535651433 C 556.8 111.69824535651433, 559.2 112.72603539375928, 561.6 112.72603539375928 C 564 112.72603539375928, 566.4000000000001 113.7255704499533, 568.8000000000001 113.7255704499533 C 571.2 113.7255704499533, 573.6 114.69463130731182, 576 114.69463130731182 C 578.4 114.69463130731182, 580.8000000000001 115.63106640839264, 583.2 115.63106640839264 C 585.6 115.63106640839264, 588 116.53279663309128, 590.4 116.53279663309128 C 592.8 116.53279663309128, 595.2 117.39781991480785, 597.6 117.39781991480785 C 600 117.39781991480785, 602.4 118.22421568553528, 604.8 118.22421568553528 C 607.1999999999999 118.22421568553528, 609.6 119.01014914000076, 612 119.01014914000076 C 614.4 119.01014914000076, 616.8000000000001 119.75387530939226, 619.2 119.75387530939226 C 621.6 119.75387530939226, 624 120.45374293562558, 626.4 120.45374293562558 C 628.8 120.45374293562558, 631.2 121.10819813755037, 633.6 121.10819813755037 C 636 121.10819813755037, 638.4 121.71578786095478, 640.8 121.71578786095478 C 643.1999999999999 121.71578786095478, 645.6 122.2751631047092, 648 122.2751631047092 C 650.4 122.2751631047092, 652.8000000000001 122.78508191588614, 655.2 122.78508191588614 C 657.6 122.78508191588614, 660 123.24441214720629, 662.4 123.24441214720629 C 664.8 123.24441214720629, 667.2 123.65213397068864, 669.6 123.65213397068864 C 672 123.65213397068864, 674.4 124.00734214192357, 676.8 124.00734214192357 C 679.1999999999999 124.00734214192357, 681.6 124.30924800994191, 684 124.30924800994191 C 686.4 124.30924800994191, 688.8 124.55718126821722, 691.1999999999999 124.55718126821722 C 693.5999999999999 124.55718126821722, 696 124.75059144291393, 698.4 124.75059144291393 C 700.8 124.75059144291393, 703.2 124.889049115077, 705.6 124.889049115077 C 708 124.889049115077, 710.4 124.97224687404925, 712.8 124.97224687404925 C 715.1999999999999 124.97224687404925, 717.6 125, 720 125 C 722.4 125, 724.8000000000001 124.97224687404925, 727.2 124.97224687404925 C 729.6 124.97224687404925, 732 124.889049115077, 734.4 124.889049115077 C 736.8 124.889049115077, 739.2 124.75059144291393, 741.6 124.75059144291393 C 744 124.75059144291393, 746.4000000000001 124.55718126821722, 748.8000000000001 124.55718126821722 C 751.2 124.55718126821722, 753.6 124.30924800994191, 756 124.30924800994191 C 758.4 124.30924800994191, 760.8000000000001 124.00734214192357, 763.2 124.00734214192357 C 765.6 124.00734214192357, 768.0000000000001 123.65213397068864, 770.4000000000001 123.65213397068864 C 772.8000000000001 123.65213397068864, 775.2 123.24441214720628, 777.6 123.24441214720628 C 780 123.24441214720628, 782.4000000000001 122.78508191588614, 784.8000000000001 122.78508191588614 C 787.2 122.78508191588614, 789.6000000000001 122.2751631047092, 792.0000000000001 122.2751631047092 C 794.4000000000001 122.2751631047092, 796.8000000000001 121.71578786095478, 799.2 121.71578786095478 C 801.6 121.71578786095478, 804.0000000000001 121.10819813755037, 806.4000000000001 121.10819813755037 C 808.8000000000001 121.10819813755037, 811.1999999999999 120.4537429356256, 813.5999999999999 120.4537429356256 C 815.9999999999999 120.4537429356256, 818.4 119.75387530939227, 820.8 119.75387530939227 C 823.1999999999999 119.75387530939227, 825.5999999999999 119.01014914000078, 827.9999999999999 119.01014914000078 C 830.3999999999999 119.01014914000078, 832.8 118.2242156855353, 835.1999999999999 118.2242156855353 C 837.5999999999999 118.2242156855353, 840 117.39781991480785, 842.4 117.39781991480785 C 844.8 117.39781991480785, 847.1999999999999 116.53279663309131, 849.5999999999999 116.53279663309131 C 851.9999999999999 116.53279663309131, 854.4 115.63106640839264, 856.8 115.63106640839264 C 859.1999999999999 115.63106640839264, 861.6 114.69463130731184, 864 114.69463130731184 C 866.4 114.69463130731184, 868.8 113.7255704499533, 871.1999999999999 113.7255704499533 C 873.5999999999999 113.7255704499533, 876 112.72603539375928, 878.4 112.72603539375928 C 880.8 112.72603539375928, 883.2 111.69824535651433, 885.6 111.69824535651433 C 888 111.69824535651433, 890.4 110.64448228912681, 892.8 110.64448228912681 C 895.1999999999999 110.64448228912681, 897.6 109.56708580912726, 900 109.56708580912726 C 902.4 109.56708580912726, 904.8000000000001 108.46844800613229, 907.2 108.46844800613229 C 909.6 108.46844800613229, 912 107.3510081308076, 914.4 107.3510081308076 C 916.8 107.3510081308076, 919.2 106.21724717912136, 921.6 106.21724717912136 C 924 106.21724717912136, 926.4000000000001 105.0696823839128, 928.8000000000001 105.0696823839128 C 931.2 105.0696823839128, 933.6 103.91086162600578, 936 103.91086162600578 C 938.4 103.91086162600578, 940.8000000000001 102.74335777727615, 943.2 102.74335777727615 C 945.6 102.74335777727615, 948.0000000000001 101.56976298823284, 950.4000000000001 101.56976298823284 C 952.8000000000001 101.56976298823284, 955.2 100.3926829327955, 957.6 100.3926829327955 C 960 100.3926829327955, 962.4000000000001 99.21473102304681, 964.8000000000001 99.21473102304681 C 967.2 99.21473102304681, 969.6000000000001 98.03852260680387, 972.0000000000001 98.03852260680387 C 974.4000000000001 98.03852260680387, 976.8000000000001 96.86666916089237, 979.2 96.86666916089237 C 981.6 96.86666916089237, 984.0000000000001 95.70177249301474, 986.4000000000001 95.70177249301474 C 988.8000000000001 95.70177249301474, 991.1999999999999 94.54641896508647, 993.5999999999999 94.54641896508647 C 995.9999999999999 94.54641896508647, 998.4 93.4031737508657, 1000.8 93.4031737508657 C 1003.1999999999999 93.4031737508657, 1005.5999999999999 92.27457514062633, 1007.9999999999999 92.27457514062633 C 1010.3999999999999 92.27457514062633, 1012.8 91.16312890551859, 1015.1999999999999 91.16312890551859 C 1017.5999999999999 91.16312890551859, 1020 90.0713027341305, 1022.4 90.0713027341305 C 1024.8 90.0713027341305, 1027.1999999999998 89.00152075360215, 1029.6 89.00152075360215 C 1032 89.00152075360215, 1034.3999999999999 87.9561581474571, 1036.8 87.9561581474571 C 1039.2 87.9561581474571, 1041.6 86.93753588210129, 1044 86.93753588210129 C 1046.4 86.93753588210129, 1048.8 85.94791555369673, 1051.2 85.94791555369673 C 1053.6000000000001 85.94791555369673, 1056 84.98949436685292, 1058.4 84.98949436685292 C 1060.8 84.98949436685292, 1063.2 84.06440025628275, 1065.6 84.06440025628275 C 1068 84.06440025628275, 1070.3999999999999 83.17468716225567, 1072.8 83.17468716225567 C 1075.2 83.17468716225567, 1077.6 82.32233047033631, 1080 82.32233047033631 C 1082.4 82.32233047033631, 1084.8 81.50922262553476, 1087.2 81.50922262553476 C 1089.6000000000001 81.50922262553476, 1092 80.73716893060528, 1094.4 80.73716893060528 C 1096.8 80.73716893060528, 1099.2 80.00788353782272, 1101.6 80.00788353782272 C 1104 80.00788353782272, 1106.3999999999999 79.32298564313597, 1108.8 79.32298564313597 C 1111.2 79.32298564313597, 1113.6 78.68399589114769, 1116 78.68399589114769 C 1118.4 78.68399589114769, 1120.8 78.09233299890343, 1123.2 78.09233299890343 C 1125.6000000000001 78.09233299890343, 1128 77.5493106059846, 1130.4 77.5493106059846 C 1132.8000000000002 77.5493106059846, 1135.2 77.05613435790048, 1137.6000000000001 77.05613435790048 C 1140 77.05613435790048, 1142.4 76.61389922925332, 1144.8 76.61389922925332 C 1147.2 76.61389922925332, 1149.6 76.22358709262116, 1152 76.22358709262116 C 1154.4 76.22358709262116, 1156.8 75.88606453855505, 1159.2 75.88606453855505 C 1161.6000000000001 75.88606453855505, 1164 75.6020809515313, 1166.4 75.6020809515313 C 1168.8 75.6020809515313, 1171.2 75.37226684613066, 1173.6 75.37226684613066 C 1176 75.37226684613066, 1178.3999999999999 75.19713246713806, 1180.8 75.19713246713806 C 1183.2 75.19713246713806, 1185.6 75.0770666566718, 1188 75.0770666566718 C 1190.4 75.0770666566718, 1192.8 75.01233599085671, 1195.2 75.01233599085671 C 1197.6 75.01233599085671, 1200 75.00308418795848, 1202.3999999999999 75.00308418795848 C 1204.8 75.00308418795848, 1207.1999999999998 75.0493317892932, 1209.6 75.0493317892932 C 1212 75.0493317892932, 1214.3999999999999 75.15097611362052, 1216.8 75.15097611362052 C 1219.2 75.15097611362052, 1221.6 75.30779148512156, 1224 75.30779148512156 C 1226.4 75.30779148512156, 1228.8 75.51942973445585, 1231.2 75.51942973445585 C 1233.6000000000001 75.51942973445585, 1236 75.78542097178422, 1238.4 75.78542097178422 C 1240.8 75.78542097178422, 1243.2 76.10517463004174, 1245.6 76.10517463004174 C 1248 76.10517463004174, 1250.3999999999999 76.47798077614436, 1252.8 76.47798077614436 C 1255.2 76.47798077614436, 1257.6 76.90301168721783, 1260 76.90301168721783 C 1262.4 76.90301168721783, 1264.8 77.3793236883495, 1267.2 77.3793236883495 C 1269.6000000000001 77.3793236883495, 1272 77.90585924778266, 1274.4 77.90585924778266 C 1276.8 77.90585924778266, 1279.2 78.4814493249014, 1281.6 78.4814493249014 C 1284 78.4814493249014, 1286.3999999999999 79.10481596579322, 1288.8 79.10481596579322 C 1291.2 79.10481596579322, 1293.6 79.77457514062631, 1296 79.77457514062631 C 1298.4 79.77457514062631, 1300.8 80.48923981654175, 1303.2 80.48923981654175 C 1305.6000000000001 80.48923981654175, 1308 81.24722325923852, 1310.4 81.24722325923852 C 1312.8000000000002 81.24722325923852, 1315.2 82.04684255592028, 1317.6000000000001 82.04684255592028 C 1320 82.04684255592028, 1322.4 82.8863223517828, 1324.8 82.8863223517828 C 1327.2 82.8863223517828, 1329.6 83.76379879174539, 1332 83.76379879174539 C 1334.4 83.76379879174539, 1336.8 84.67732365867562, 1339.2 84.67732365867562 C 1341.6000000000001 84.67732365867562, 1344 85.62486869891805, 1346.4 85.62486869891805 C 1348.8 85.62486869891805, 1351.2 86.60433012552507, 1353.6 86.60433012552507 C 1356 86.60433012552507, 1358.3999999999999 87.61353328918977, 1360.8 87.61353328918977 C 1363.2 87.61353328918977, 1365.6 88.65023750651135, 1368 88.65023750651135 C 1370.4 88.65023750651135, 1372.8 89.71214103487227, 1375.2 89.71214103487227 C 1377.6 89.71214103487227, 1380 90.79688618288301, 1382.3999999999999 90.79688618288301 C 1384.8 90.79688618288301, 1387.1999999999998 91.90206454504624, 1389.6 91.90206454504624 C 1392 91.90206454504624, 1394.3999999999999 93.02522234901926, 1396.8 93.02522234901926 C 1399.2 93.02522234901926, 1401.6 94.16386590360237, 1404 94.16386590360237 C 1406.4 94.16386590360237, 1408.8 95.31546713535685, 1411.2 95.31546713535685 C 1413.6000000000001 95.31546713535685, 1416 96.47746920156042, 1418.4 96.47746920156042 C 1420.8 96.47746920156042, 1423.2 97.64729216703715, 1425.6 97.64729216703715 C 1428 97.64729216703715, 1430.3999999999999 98.82233873225896, 1432.8 98.82233873225896 C 1435.2 98.82233873225896, 1437.6 99.99999999999999, 1440 99.99999999999999 L 1440 120 Z" fill="#6366f1" opacity="0.9" />
</svg>

What Are SVG Wave Dividers?

SVG wave dividers are decorative shapes placed between content sections to create smooth, visually appealing transitions. They're lightweight, scalable, and fully customisable, perfect for modern web design.

Frequently Asked Questions

CSS Gradient Generator Box Shadow Generator CSS Animation Generator

Need Something Custom?

We build bespoke tools, dashboards, and platforms. Let's talk about what you need.

Get a Free Consultation