Screens

Real-world screens rebuilt only with the components and tokens of the design system. A component proves itself when it is assembled with others: screens show the system on pages people recognise, test how components combine, and list what the system still lacks.

From apps/docs/screens/<source>/<block>.screen.mjs: each screen renders the components' own templates, laid out by apps/docs/screens/screens.css on semantic tokens. They follow every change of a component or a token. Each screen keeps its source and licence; the first batch comes from shadcn/ui (sources and licences).