Multi Heading - Demo
Layered heading fragments, a background watermark behind the first item, & a separator between/around items.
SVG Animation - Demo
Hover the arrow, & scroll it out of view then back in - it re-draws each time (Animate Once is off in this demo).
Different Colors
Different Styling
Background Color
Background Gradient
Stack Layout
More SVG Animation Examples - Feather Icons in Sage Green
Eight Feather icons, each demonstrating a different animation type / trigger combination. Hover the hover-triggered ones; scroll the scroll-triggered ones out of view & back to see them replay.
Camera - Sync, Hover
Aperture - Delayed, Hover
Compass - One by One, Scroll (once)
Map Pin - Scenario Sync, Scroll (repeat)
Sun - Sync, Hover + Scroll
Cloud - Delayed, Scroll (repeat)
Feather - One by One, Hover
Globe - Scenario Sync, Auto-play
Airbnb Gallery - Demo
The classic 1-large + 4-small tiled photo grid. Click any tile - or "Show all photos" - to open Bricks' own native lightbox with the full set.
Album - Demo
A cover image or a button, either one opens the full album in the same native lightbox - with an optional icon, caption, & description overlaid on the cover.