Background Decoration

A collection of background effects.

How to

The Background Decoration component is used to add abstract background effects to a section.

Make sure to apply to the content a z-index value higher than the one of the SVG decoration.

Each effect is an inline SVG element. To control the color of the SVG element, you can use the color, opacity, transform, and mix-blend-mode utility classes.

Here's a video where we explain how to include and customize this component:

Categories

• Decorative Background

Bug report & feedback

Component Github page ↗