Small details.
Working together.
Fourteen core components. Real interactions, shared tokens,
and a place to try every state before you build.
A hands-on collection.
Type, switch, open and reset. These are working HTML components.
The core registry.
Choose a component to inspect its states.
Template catalogue.
The foundations are ready. Full templates are a later milestone.
Open a local manifest
Choose library.json from this folder. Browsers cannot load it automatically from a local file.
Reading manifest...
Loading the catalogue
Reading available templates from the manifest.
Source: library.json · M1 foundations only
Same components.
Another light.
Use Light, Dark or System in the header. Every example shares the same semantic tokens.
BackgroundSurfaceTextAction
Download tokens