Component collections
Every rich-motion block used across this house, isolated and copy-ready. Each block carries a stable data-component id so a page editor can assemble full pages from the library.
Animated
Banners
16 ribbon and banner systems — live drop countdowns, dual-speed marquees, split campaigns, promo-code reveals, kinetic scramblers, parallax CTAs, rotating announcements, offer trios and hover strips.
Open collection 02 / COLLECTIONSite
Sections
24 full sections ready to stack into any page — heroes, family mosaics, fragrance rails, note pyramids, editorial splits, atelier film, stat bands, membership tiers, journals and conversion panels.
Open collection 03 / COLLECTIONUI
Components
20 copy-ready blocks — buttons, note chips, quantity steppers, size pickers, tabs, accordions, tooltips, alerts, meters, pagination, price blocks and the full account shell.
Open collectionFrom copy button to template tag
Every block exposes data-component="…". Copy the HTML, drop it into a partial, then register it in the page-editor registry.
PAGE_COMPONENTS = {
"section-collection-grid": "sections/collection_grid.html",
"section-note-pyramid": "sections/note_pyramid.html",
"banner-drop": "banners/drop_countdown.html",
"ui-product-card": "ui/product_card.html",
# … every id from this library
}
Live marquee ribbon
Ship the house, not the boilerplate
Grab a block, paste the partial, wire the id — the motion system already works.