Live Dashboard Hero
A centred hero above a browser-chrome product dashboard built entirely in HTML: KPI Stat component props (label, value, prefix, suffix, delta) count up the first time they scroll into view; a bar chart grows bar by bar;…
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.
Live Dashboard 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 3
Set on the section, in Bricks’ attributes panel. No code needed.
data-themesection surface
data-tiltscroll-driven 3D tilt on the window
data-feedperiodic new activity in the feed
Component props 2
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
labelRevenue
value48210
prefix$
suffixempty
delta+12.4% on last month
initialsWR
textWeekly report sent
timeJust now
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro

Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 page






