Foundation-style patterns

Ready-to-paste blocks

Pre-composed marketing patterns built entirely from LSD framework classes — token-driven, zero per-block CSS, one copy away. Swap your brand and the whole library repaints.

Hero sections

34 blocks

Top-of-page moments with motion, parallax, layered depth.

Nav bars

48 blocks

Headers with logo positions, off-canvas drawers, hover affordances.

Cards

18 blocks

Surface-aware tiles for products, people, content.

Forms

10 blocks

Real flows — signup, OTP, payment, comments, feedback.

Content sections

39 blocks

Editorial sections with scrollytelling, parallax, pull-quotes.

Features

28 blocks

Animated showcases — bento, tabs, scroll-pinned, comparison.

Pricing

12 blocks

Tier cards with toggle animations, sliders, calculators.

Testimonials

12 blocks

Quote carousels, mosaics, chat-bubble conversations.

Stats

19 blocks

Counters, orbits, progress rings, live pulses.

CTA

14 blocks

Mesh bands, magnetic buttons, marquee headings.

Banners

13 blocks

Strips, countdowns, cookie consent, deal promos.

Galleries

12 blocks

Logo marquees, 3D coverflow, masonry, paper mosaics.

Footers

34 blocks

Maps, calendars, parallax wordmarks, privacy controls.

FAQs

12 blocks

Accordions, conversation Q&A, helpful-vote, search filter.

Teams

13 blocks

Portraits, rosters, org trees, hover bios, rotators.

Blog

24 blocks

Archive grids, magazine layouts, timeline chronologies.

Products

26 blocks

Cards, 3D rotate, color swatches, spec comparison.

Timelines

12 blocks

Scroll progress, horizontal snap, orbital, quarterly roadmaps.

Backgrounds

31 blocks

Reactive — cursor mesh, particle field, scroll aurora.

UX States

8 blocks

404, 500, maintenance, empty, paywall, loading.

Interactive patterns

22 blocks

Magnetic CTAs, drag-reorder, command palette, scroll-pin.

Templates

28 blocks

Full page layouts — auth, blog post, careers, brand guide.

Components

66 primitives

Atomic + signature primitives — buttons, inputs, tabs, modals, dock, marquee, bento, OKLCH picker, surface-tier picker.