Vanilla Breeze

Concepts

Technical guides covering how Vanilla Breeze works under the hood — form association, progressive enhancement, and more.

Technical guides covering how Vanilla Breeze works under the hood. These explain the patterns and browser APIs that VB builds on, so you can make informed decisions and extend the framework confidently.

Guides

Form-Associated Custom Elements

Make web components participate in native HTML form submission, validation, and reset using ElementInternals.

Effect Compositing

How effects compose naturally via space-separated data-effect values, trigger independence, and the VB API.

Architecture Decisions

Key decisions in VB, the failure modes they prevent, and the trade-offs they accept.

Resilience Matrix

Component-by-component assessment across six defensive design dimensions.

/go/ Convention

VB’s reserved URL namespace for service relay endpoints and link facades. One indirection between components and third-party services.

Service Contracts

JSON request/response schemas for every /go/ endpoint — what backend implementations must fulfil and what VBService consumers can rely on.

Service Facade

First-party endpoint that proxies a third-party service. Privacy, caching, swappability, rate limiting — the general pattern that /go/ specialises.

Feel

Small visual and motion details that make interfaces feel considered. Concentric radius, image outlines, shadow-flush, blur-in, and the techniques VB already ships globally.

Related

Quick Start

Get up and running in minutes

Web Components

JavaScript-enhanced components