Library
26 categories — 430 blocks
Hero
Opening sections — giant type, parallax media, statements
centered · circle · serif · restaurant · product-cutout · type-only
Headers
Advanced navs — fullscreen portals, docks, command-first
fullscreen · overlay · preview · dark-ok · split · dock
Navigation
Navbars, overlay menus, footers
marquee · ticker · status · hours · strip · local
Features
Services, capabilities, bento grids, accordions
tiles · photo · grid · services-index · hover · serif
Showcase
Work, galleries, horizontal scroll, sticky stacks
filter · pills · grid · portfolio · interactive · scrim
Galleries
Immersive image experiences — decks, orbits, lightboxes
pinned · scroll-driven · stack · peel · orbit · rotation
Scrollytelling
Pinned scroll narratives — chapters, zooms, depth scenes
pinned · crossfade · chapters · dark-ok · progress · sticky-media
Interactions
Cursor showpieces — trails, magnetics, tilts, spotlights
cursor · hover · trail · gallery · dark-ok · magnetic
Typography
Kinetic type — marquees, scrubs, statements
watermark · outro · photos · tone-on-tone · dark-ok · serif
Text FX
Type experiments — scrambles, waves, slices, sweeps
scramble · decode · hacker · reveal · dark-ok · hover
Editorial
Magazine layouts — covers, spreads, interviews, colophons
hero · editorial · magazine · full-bleed · dark-ok · index
Content
Blog, editorial layouts, carousels, video
news · list · dated · thumbnails · institutional · events
About
Studio story — values, timelines, culture, locations
manifesto · stats · parallax · split · counters · values
Metrics
Data storytelling — dashboards, charts, tickers, funnels
dashboard · bento · sparkline · chart · area-chart · svg
Social proof
Testimonials, teams, logos, stats, awards
reviews · stars · local · authentic · google · cards
Commerce
Pricing, FAQ, process, timelines
menu · price-list · dotted-leader · dense · local · rates
Conversion
CTA sections, contact forms, newsletters
form · reservation · restaurant · select · map · address
Onboarding
Auth & activation — waitlists, signups, invite gates
waitlist · email · counter · avatars · signup · form
Contact & Footers
Statement contact sections + destination footers
contact · email · fullscreen · magnetic · dark-ok · footer
Promo / SaaS
Product landing blocks — app frames, changelog, roadmap
fullbleed · color-wash · blobs · product-frame · palette-event · interactive
E-commerce
Store blocks — products, cart, checkout, lookbook
grid · irregular · hover-swap · negative-space · merch · price-list
Product Hero
Cinematic product reveals — 360s, drops, colorways
dark-ok · reveal · stage · product · technical · specs
Product Features
Product storytelling — spotlights, hotspots, specs
pinned · scroll-driven · product · callouts · grid · specs
Product Gallery
Product imagery — zoom lenses, swatches, unboxing
zoom · lens · thumbnails · detail · color · swatches
Product Social
Hype & proof — UGC walls, press, community counters
ugc · gallery · hover · grid · reviews · ratings
Product CTA
Buy sections — sticky buy boxes, bundles, drops, closers
buy-box · sticky · variants · quantity · bundle · pricing