A hero section with a flat colour behind it reads as a template. Ambient motion behind the copy is the cheapest way to make a page feel built, and because it sits behind the content it costs you nothing in readability.
This is the one element that paints somewhere other than itself. Drop it anywhere inside the section you want lit and it walks up to that section, however many rows and columns are nested in between, and covers the container. On a published page the widget itself has no footprint at all. Inside the builder it leaves a small labelled handle so you can select it again.
A field of small squares that flicker behind your section, drawn on canvas. Drop the widget anywhere inside the section and it covers the section. It walks up through however many rows and columns you have nested and lights the container itself. On the live page the widget has no footprint at all; in the builder it leaves a small click target so you can get back to its settings.
Position does not matter. Put it in any row or column inside the target section and it will find the section around it.
Target a section, a row, a column, or any class you type. Use a class when you have several sections and want the background on one specific container.
The grid can sit behind your content, above the section’s own background, or over the content entirely. Behind the content is the default and the right choice for a hero.
Set square size, spacing, colour, brightest and dimmest opacity, and how much of the grid re-rolls each second. Fade towards the edges, the top, the bottom or both so the pattern resolves into the section instead of stopping at a hard line.
New to the app? Start with the install and setup guide.
Animated Elements