56KGen · Viewport

That window is a bit too cramped

Give the browser a little more breathing room so the interface can render properly.

Width ≥ 320 pxHeight ≥ 250 px

Everything will snap back into place once the window is wide enough.

Wavify

Design layered SVG waves with custom colours, organic shapes and seamless animation. Export SVG or CSS for your next project.

Create flowing SVG backgrounds and dividers

  • Design multiple wave layers with control over shape, direction and opacity.
  • Use solid colours or gradients with 40 presets for each fill style.
  • Preview seamless motion and export SVG artwork or CSS.

How to use Wavify

  1. Set the dimensions and adjust Shape & Motion.
  2. Choose a fill style, colours and optional animation.
  3. Review the preview and copy SVG, CSS or download the artwork.