Guides & examples
These guides teach a way of thinking as much as a set of recipes. Start with a page that works in HTML and HTTP, shape it with modern CSS, and introduce optional behavior only when the task requires it. Canonical catalog routes remain the source of truth for API details and copyable examples.
A useful rule of thumb
If the browser already knows how to do something, keep that behavior in the browser. Use an <a> for navigation, a <form> for submission, CSS for layout, and a small enhancement only when the interaction truly needs it.
Quick start
Load the self-hosted CDN starter, choose a release channel, and move from stable HTML to optional enhancement.
Authoring standard
Choose the element, then the class, option, or custom property, and see how the cascade layers fit together.
Build a content website
Prose, page shell, table of contents, and editorial recipes from native HTML/CSS.
Build a marketing site
Hero, feature grid, call to action, site footer, and a native POST newsletter form.
Build a server-rendered app
Field, button, form validation, and pagination with the server owning state.
Submit and validate a form
Native constraints, server errors, and optional Datastar @post morph.
Add live server updates
Datastar and SSE patterns with attention-respecting defaults.
Design for constrained devices
Foundation reset, bundle-size baseline, video-lite, and Save-Data as app policy.
Marketing examples
Explore reusable sections and see identical markup across themes.
Ecommerce examples
Browse product discovery and cart compositions.
Datastar and SSE examples
Follow server-owned workflows with optional browser updates.
Reference
Find an element, CSS hook, pattern, or recipe.
Browse components
Jump directly to the component-focused index when you already know the primitive you need.
Explore the roadmap
Status, behavior tier, and planned work across the full product scope.