Divider Embed Code Generator

Build solid lines, symbol dividers, and multi-layer hero separators with 1–3 colors.

Scoped · Customizable · Modern

Settings

Style Content lines & hero separators

Position Attach to hero or standalone

Colors Set brand colors

Color 1

Color 2

Color 3

Page

Hero layers For hero separators

Line thickness px (lines & symbols)

Symbol Symbol divider

Symbol count How many symbols

Custom ID Optional

Live preview

Hero Block · Demo

Your hero content goes here

Attach dividers to the top or bottom, or use them standalone between sections.

The generated snippet only defines .cc-divider* classes, so it won’t touch your existing website styles.

Generated embed code