cnc-demo-maker

An interactive demo panel for a widget: give it a widget's SPEC and it assembles the markup for that widget and renders it live beside its source. Built for documentation surfaces, where the example and the code that produced it must not be able to drift apart.

Every strip below opens on its Overview. Specs is what the panel is handed, Playground is the panel and nothing else, and Styling is the styling surface of the widget being demonstrated — which differs sharply between the reworked widgets and the ones still waiting. The first strip is the panel itself; the seven after it are examples of using it.