Manual ====== A wireframe is a **single, self-contained HTML file** that renders a static or lightly-styled mockup of the target UI. Guidestar fetches this file at runtime, injects it into a sandboxed container, and drives the animation steps against it. Because the file is loaded via ``fetch`` and injected as HTML, it must be fully self-contained — all CSS must live in a ``

Main content area

This wireframe can be animated with steps such as:: :steps: #btn-settings@1000:click, #sidebar@800:toggle-class=open, #btn-run@1200:add-class=active Kitchen-sink example -------------------- The full kitchen-sink wireframe used throughout this documentation exercises all common layout patterns — top bar, collapsible sidebar, cards, a log list, a status bar, and a toast notification. It is a useful starting point when writing a new wireframe by hand. Source: `examples/wireframes/kitchen-sink.html <../../examples/wireframes/kitchen-sink.html>`_