Skip to content
L-010Layout

Feature Snapshot Grid

Product-UI dashboard bento built as a plain, fully editable Etch tree: section > container > header (eyebrow, h2, intro, all plain) > a 12-column dashboard grid holding four "KPI Card" component instances (row 1), an 8-c…

Get this with ProIncluded in your plan

50 sites for €79 only, Compare all plans

Preview Desktop, 1280px

All photos and visual assets used in this preview are sourced from Unsplash.

The system behind it

One pattern, your whole brand.

Feature Snapshot Grid 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
Bento grids
Responsive
Desktop to phone
Works with
Etch, ACSS, plain CSS

Options 4

Set on the section, in Etch’s attributes panel. No code needed.

data-theme
lightdark

re-themes the whole dashboard

data-density
cozycompact

card padding and gaps

data-ticker
onoff

the activity feed auto-adds a new item every data-tick-interval ms

data-tick-interval
numberdefault 5000

ms

Component props 2

Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.

KPI Card4 in this pattern · 8 props
PropTypeDefault
label
text

Revenue

prefix
text

$

value
text

128.4

decimals
number

1

suffix
text

k

delta
text

12.4%

trend
text

up

sentiment
text

positive

Feed Item4 in this pattern · 5 props
PropTypeDefault
initials
text

RA

actor
text

Rune Albrecht

action
text

merged the checkout redesign branch

time
text

2m ago

tone
text

default

Included in Pro From €39 a year, with all 753 patterns.

Get Pro

More patterns

Keep browsing.

L-000

Quick View

Desktop, 1440px
Pro
demo.etchedy.com

The real preview of this pattern. Every pattern adapts to your ACSS tokens.

Unlock with ProSee plansIncluded in your plan