Go to homepage

Projects /

SVG Section Divider

Learn how to create SVG section dividers in Illustrator and how to import them into your web project.

In the first part of this tutorial, you'll learn how to create a vector divider in Illustrator using brushes and effects. In the second part, you'll learn to integrate the divider into an HTML+CSS project.

Final result

For more effects, check the Section Divider component of the CodyHouse UI Framework.


To follow along the video tutorial, fork this pen on Codepen:

🕹 https://codepen.io/codyhouse/pen/Wqvpmm

or download CodyFrame on Github:

Project duplicated

Project created

Globals imported

There was an error while trying to export your project. Please try again or contact us.