Get Waves: Create SVG Section Dividers
Create curved SVG dividers for transitions between website sections.
Adjust the wave shape and color to make a separator that supports the page rhythm. A shallow curve can soften a transition without competing with text or a product screenshot.
Workflow and access
Browser generator from the makers of Haikei. Export the wave and test its aspect ratio across mobile and desktop layouts; decorative separators should not convey essential content.
Keep reading
Previous resource
Hero Patterns: Repeatable SVG Background Generator
Customize foreground color, background color and opacity for repeating SVG patterns.
View resource