Skip to content

Black Friday 2026Pro Unlimited Lifetime: €299€99 once.

Ends in —d —h —m —s

See the deal
C-140Component

Scroll-Assembled Tilt Grid

Scroll-choreographed feature grid built as a plain, fully editable Bricks tree: section > container > header (eyebrow, h2, intro) > a 3-column grid of "Grid Tile" component instances, each with typed props: icon (select),…

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.

Scroll-Assembled Tilt 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
Component
Category
Interactive
Responsive
Desktop to phone
Works with
Bricks, ACSS, plain CSS

Options 3

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

data-theme
lightdark

re-themes the whole section

data-assemble
truefalse

toggles the scroll-triggered scatter → grid settle animation (off = tiles just fade up together)

data-tilt
truefalse

toggles the pointer-driven 3D tilt on each settled tile (auto no-op on touch/coarse pointers)

Component props 1

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

Grid Tile9 in this pattern · 4 props
PropTypeDefault
icon
text

star

tone
text

accent

title
text

Considered craft

description
text

Every pixel earns its place before it ships.

Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.

Get Pro

More patterns

Keep browsing.

L-000

Quick View

Desktop, 1440px
Pro
demo.bricksed.com

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

Unlock with ProSee plansIncluded in your plan