Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageKinetic Product Rail
Self-animating product filmstrip built as a plain, fully editable Bricks tree: section > container > header (eyebrow, h2, intro) > a dotted-backdrop rail holding seven "Product Frame" component instances > a native lightbo…
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.
Kinetic Product Rail 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
- Galleries
- Responsive
- Desktop to phone
- Works with
- Bricks, ACSS, plain CSS
Options 9
Set on the section, in Bricks’ attributes panel. No code needed.
data-driftthe rail slowly auto-scrolls back and forth on its own
data-speedpx/sec drift speed
data-pause-on-hoverdata-dragmanual pointer drag / touch swipe scrolling
data-staggeralternating cards sit slightly higher/lower for a kinetic rhythm
data-tilthover/focus lift + tilt on each card
data-dotsdotted backdrop
data-lightboxclick a card to open it full-size
data-themeComponent 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-1542291026-7eec264c27ff?w=640
imageAltTrail Runner — Ember
captionTrail Runner — Ember
badgeNew
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
