Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageHolo Tilt Card
Collectible-style showcase built as a plain, fully editable Bricks tree: section > container > header (eyebrow, h2, intro) > showcase row holding three "Holo Card" component instances (duplicate, reorder or delete in Layer…
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.
Holo Tilt Card 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 6
Set on the section, in Bricks’ attributes panel. No code needed.
data-effectpointer 3D tilt, the rainbow foil sheen, or both (default both)
data-intensitymaximum tilt angle: 6deg / 11deg / 17deg
data-flipenable the click/Enter flip to the stat back face (default true)
data-radiuscorner radius from the ACSS radius tokens
data-formatcard aspect ratio
data-themere-themes the showcase
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
imagehttps://images.unsplash.com/photo-1620121692029-d088224ddc74?w=720
imageAltAbstract violet and cyan light study
eyebrowLimited drop
titleAurora
subtitleEdition No. 01 — Ultraviolet Series
rarityrare
stat1LabelRun
stat1Value01 / 24
stat2LabelFinish
stat2ValuePrism foil
stat3LabelReleased
stat3ValueSpring drop
noteHand-numbered from the first press. The foil shifts hue as the card c…
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
