Go to homepage

Projects /

Background Decoration v4

A collection of SVG squared background decorations.

View Demo

How to

The Background Decoration v4 component is a collection of abstract, squared background illustrations.

Make sure the z-index of the <figure> element containing the SVG decoration is lower than the one of the section content. 

The utility classes on the <svg> element are used to position the SVG decoration.

In some cases, the illustration color depends on the color applied to the SVG element. For the multi-color illustrations, the colors are specified on each SVG sub-element (e.g., <path> or <rect>).

The section dividers include two decorations: one placed at the bottom of the first section and a second one place at the top of the second section.


Bug report & feedback

Component Github page ↗

Project duplicated

Project created

Globals imported

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