How to create beautiful shape dividers.

Dividers are used as a simple decoration or visual transitions between two or more sections in countless applications. You can find them all way around as web pages divisors, visual presentations, letters, cards, posters, restaurant menus, catalogs, and much more..

Rules and standards for the design of visual dividers.

No Rules. No Standards. It is a matter of aesthetic design. You can place it at the top, bottom, left, or right side of your visual space, one at a time, combining them or all together. It's your creation.

Let's see some Divider's Style:

Place a Top divider for eye-catching and focused attention.
Place a Soft Bottom divider for a smooth transition.
Place a Sharp Bottom divider for a flow stopper before a new section.
Place Bottom-Top dividers together for content connection.
Place a divider as background complement all across the place.

How to use Shape Dividers Generator

Select your working area size or ratio in the Resolution drop list .
Use the Zoom In-Out slider to have a complete view of the working area.
Open/Close the Divider Gallery by clicking on
Select your preferred Divider Template and close the Divider Gallery.
Adjust Width, Height, Horizontal Flip, Vertical Flip, Color, and Transparency.
Open/Close the Download View by clicking on
Copy the generated CSS and HTML code.
Integrate in your webpage.
Confused?. Don't worry. Press the button "See it Working !". Voila!. You have it!

Important: The SVG container Element must have the "position: relative" attribute.

This paragraph is inside a Div containing the divider found below. The styling applied to the Div and SVG was generated by the Shape Dividers Generator.

Do you need the plain SVG Divider?

You can download the SVG Template, modify it, and include it in your personal or commercial product.
Redistribution or sale of SVG Templates, individually or within sets or collections, is not allowed.
You got it for Free, then let's keep it free. Please check our Licensing.

We are constantly creating new tools for specific niches exploring new ways to improve our own products and sharing our experiences with you!