Go to homepage

Projects /

Background Decoration

A collection of background effects.

View Demo

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

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.