Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageSpring Scatter Hero
Playful landing hero built as a plain, fully editable Bricks tree: section > nav bar (mark, links, CTA) + container > header (eyebrow pill, two-line H1 with an italic emphasis word, intro, primary/secondary CTAs) > a Field…
50 sites for €79 only, Compare all plans
All photos and visual assets used in this preview are sourced from Unsplash.
The system behind it
One pattern, your whole brand.
Spring Scatter Hero reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Layout
- Category
- Hero
- Responsive
- Desktop to phone
- Works with
- Bricks, ACSS, plain CSS
Options 6
Set on the section, in Bricks’ attributes panel. No code needed.
data-themere-themes the whole hero
data-revealtiles fall into their resting slot with a rotation settle, staggered, the first time the field scrolls into view
data-floatonce settled, each tile drifts in a slow, randomised vertical bob (Web Animations API, independent per tile)
data-dragpointer + touch dragging
data-hoverhover/focus feedback on a tile: rises with a bigger shadow, or straightens and tilts toward the pointer
data-radiustile corner radius from the ACSS radius scale
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
photohttps://images.unsplash.com/photo-1490645935967-10de6ba17061?w=480
photoAltStudio texture study 1
sizem
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
