Welcome to Vanilla Breeze
This bell pulls live notifications from /go/notify/messages — the same contract documented at /docs/concepts/service-contracts/. Static articles like this one are the no-JS / no-backend fallback.
Documentation
Learn how to build beautiful, accessible web interfaces with Vanilla Breeze. Start with semantic HTML, enhance with CSS, add interactivity when needed.
Getting Started
Get up and running in minutes. Installation, basic setup, and core concepts.
Build a complete landing page step by step. Master layout primitives and design tokens.
Concepts
Technical guides on form association, progressive enhancement, and the patterns VB builds on.
API Reference
Elements
84+ native HTML elements, 16 custom elements, 13 web components.
Attributes
Data attributes for layout, theming, and component configuration.
Design Tokens
CSS custom properties for colors, spacing, typography, and more.
Themes
Light and dark modes, custom color schemes, and theming API.
Examples
Snippets
Copy-paste code patterns for common UI needs.
Demos
Full page examples and complete implementations.
Integrations
Use Vanilla Breeze with your favorite tools and frameworks.
Astro
Component islands and static site generation.
Eleventy
Static site generation with Liquid templates.
Philosophy
HTML-First
Start with semantic HTML5 elements. Your page works before any CSS loads.
Progressive Enhancement
Add CSS for styling, JavaScript for interactivity. Each layer is optional.
Zero Dependencies
No build tools required. Link a CSS file and you are ready to go.