Design-focused
web components
built with care.
Design-focused web components, utilities, and interactive demos.
Catalogs
Design systems, utilities, and focused component libraries. Each catalog has live demos, playgrounds, and accessibility built-in.
UI Components
Web components with rich demos, playgrounds, and accessibility focus.
CatalogUtils
Lightweight utilities with clear examples and integrations.
CatalogGame Components
Interactive mini-games and gameplay components built for the web.
CatalogFirebase Components
Firebase-ready UI building blocks with live demos.
CatalogAnimation Components
Motion-first components and animation experiments.
Example Apps
Complete apps built using components from the catalogs above — real-world usage examples.
Learn
Guides and best practices from building 50+ production web components.
Building Web Components — A Practical Guide
Principles, patterns, and best practices: when to build, naming, data flow, accessibility, performance, and more.
WorkshopMake a Simple Carousel with Lit
Hands-on workshop walking through the creation of a carousel web component with LitElement, step by step.
Toolgenerator-litelement-webcomponent
Yeoman generator (published on npm) to scaffold a new LitElement web component with a sensible structure out of the box.