zudo-sg

Type to search...

to open search from anywhere

What is zudo-sg?

Created Sep 12, 2026Updated Oct 11, 2026Takeshi Takatsudo

The styleguide host, component library, and demo app that make up zudo-sg.

zudo-sg brings a shared component library, an installable styleguide engine that catalogs it, and a multi-page demo app together in one workspace.

The component library

zudo-sg provides the @zudo-sg/demo-ui component library — around 70 zudo-react components, consumed from source by the styleguide and other applications. Component modules stay independent of the catalog; the package's co-located stories use the engine's canonical story types.

The styleguide engine

The root application is a styleguide host built on zudo-doc, dogfooding an installable engine package, @takazudo/zudo-sg, that this repository also builds and owns. The engine injects the component catalog's routes, live previews, and design-token tooling into a zudo-doc-based host the same way zudo-doc itself injects its own documentation routes — see Architecture for how the pieces fit together.

The multi-page demo

The apps/demo workspace is a multi-page demo application powered by the same component library. It shows how the components work together in a complete product-style experience.

Two independently deployed sites

This root site and the separate doc/ workspace are two different builds with no navigation between them. This site's /docs section stays concept-level; the full engine documentation — the complete story-authoring spec included — lives on the doc/ site instead.