SVG Shape Divider Logo

SVG Shape Divider

Create Beautiful SVG Shape Dividers

...then export the code with a single click.

Love this app? Please share it!

150
100

Preview

How to use:

  • 1. Create your SVG Shape Divider
  • 2. Click the "Get Code" button to get the code
  • For plain HTML/CSS project, export HTML + CSS code
  • For React-based projects, export JSX + CSS code
  • By default, the shape will render relative to the viewport. To contain it, be sure to place it within a positioned container (e.g. a <div> with position: 'relative')