Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageMagnetic Pointer Card Grid
Plain editable section (eyebrow, heading, intro) holding a grid of "Magnetic Card" component instances — duplicate, reorder or delete in Layers. On pointer move, the nearest card is translated, rotated and scaled toward…
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.
Magnetic Pointer Card 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
- Cards
- Responsive
- Desktop to phone
- Works with
- Bricks, ACSS, plain CSS
Options 4
Set on the section, in Bricks’ attributes panel. No code needed.
data-themedata-strength0-1 · magnetic pull strength
data-repelwhether neighboring cards get a small push away from the pointer too
data-rotationdeg · max tilt applied while a card is pulled
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
iconstar
titleCreative Direction
descriptionBold visual systems built around one clear idea, then pushed until it…
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
