Skip to content

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

Ends in —d —h —m —s

See the deal
C-028Component

Expanding Interactive Card Deck

A deck of photo cards that rests gathered (a hand fanned in a shallow arc, a tossed pile or a diagonal cascade) and expands by dealing every card into its place in a clean grid, one after another; a Gather button sweeps…

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.

Expanding Interactive Card Deck 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
Cards
Responsive
Desktop to phone
Works with
Bricks, ACSS, plain CSS

Options 2

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

data-theme
sandwhitedark

section surface

data-align
startcenter

header alignment

Component props 3

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

Deal Deck1 in this pattern · 18 props
PropTypeDefault
pile
text

arc

start
text

pile

trigger
text

in-view

columns
text

3

duration
number

760

stagger
number

60

easing
text

smooth

tilt
text

soft

ratio
text

landscape

cardStyle
text

paper

radius
text

l

showCount
true / false

True

countLabel
text

days in the deck

showHint
true / false

True

hint
text

Tap the deck to deal it out

showToggle
true / false

True

spreadLabel
text

Deal the cards

gatherLabel
text

Gather the deck

Deal Fact12 in this pattern · 2 props
PropTypeDefault
icon
text

clock

text
text

Afternoon

Deal Card6 in this pattern · 17 props
PropTypeDefault
showImage
true / false

True

image
text

https://images.unsplash.com/photo-1516483638261-f4dbaf036963?w=900

imageAlt
text

Pastel houses stacked on a cliff above a small harbour

focal
text

center

showIndex
true / false

True

index
text

01

showTag
true / false

True

tag
text

Arrive

title
text

Check in above the harbour

titleTag
text

h3

linkUrl
text

#day-1

showDescription
true / false

True

description
text

Bags off at noon, a slow lunch on the terrace and a first swim before…

showFacts
true / false

True

showMore
true / false

True

moreLabel
text

Day details

tone
text

paper

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