The entire LSD library

One page that surfaces every kit — atoms, compositions, pages, and engines. Search the surface, jump anywhere.

1,200+ items

.lsd-fx-- utility classes — hover, entrance, particle, scroll-driven, pointer-driven, text choreography.

Surface-aware primitives — buttons, inputs, modals, drawers, tooltips, accordions, tables, more.

40 card archetypes, each with 192 surface/density/density variants. The single largest composition family.

21 categories — heroes, nav, cards, content, features, pricing, testimonials, stats, CTA, banners, galleries, footers, forms, products, teams, FAQs, timelines, blog, backgrounds, interactive, templates.

Section library

37 hero-scale section archetypes — app-download, case-study, changelog, comparison, dashboard-preview, launch-page, logos+stats, marketing-hero, newsletter-footer, onboarding-flow, parallax-story, portfolio-piece, press-kit, pricing-scene, product-showcase, and more.

23 full-page templates × 4 variants — about, archive, article, blog, blog-post, brand-style-guide, careers, cart, case-study, changelog, checkout, coming-soon, contact, dashboard, error-404, home, launch-page, login, order-tracking, portfolio, press, pricing-page, product.

Aurora timeline

Flash-style bottom-docked motion editor — layered tracks, draggable keyframes, scrub playhead. The HTML DAW.

Runtime motion engines — lsd-physics, lsd-pointer, lsd-cursor, lsd-scroll, lsd-scroll-trigger, lsd-anim, lsd-mass, lsd-fx-spawn, gradient-bg, orbs, page-transitions, count, split, scroll-text.

Live framework compositions — see every primitive dogfooded into actual page sections.

Install, import, ship. Zero-build CDN snippets and the framework-dist contract.

No tiles match — try a different search.

Counts approximate — library grows continuously. → Browse all animations