Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageSearch Filter Mosaic
Bento-style photo mosaic built as a plain, fully editable Bricks tree: section > container > header (eyebrow, h2, intro) > a toolbar (category pills built by hand + a live text search field) > a CSS-grid mosaic (grid-auto-…
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.
Search Filter Mosaic 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 14
Set on the section, in Bricks’ attributes panel. No code needed.
data-themedata-radiustile corner radius
data-card-styletile surface treatment
data-hovertile hover/focus effect
data-gappx between tiles
data-visiblenumber shown before "Load more" appears
data-stepnumber revealed per click of "Load more"
data-searchshow the search field
data-lightboxclick-to-enlarge with prev/next and a counter scoped to the current filter
data-animdata-durationms · data-easing
data-staggerms
data-oncedata-reducedfor the entrance/reveal
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-1541701494587-cb58502866ab?w=640
imageAltAmber Refraction
titleAmber Refraction
categoryAbstract
spannormal
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
