Create smooth SVG wave dividers for the top or bottom of a section. Adjust height and waviness, recolour, randomise, then copy or download.
Wave dividers create a smooth, modern transition between two coloured sections of a page instead of a hard straight edge. They are placed at the top or bottom of a section, which is why a flip option is included.
Copy the SVG and drop it into the section, or download the file and reference it. Set the path fill to match the next section's background colour. The preserveAspectRatio setting lets it stretch full width responsively.
Yes. Randomise generates a fresh wave, the height slider controls the amplitude, and the waviness slider adds more peaks. Keep clicking Randomise until you get a curve you like.