>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3573867. --> Reported by: [balintbrews](https://www.drupal.org/user/613760) Related to !611 >>> <h3>Overview</h3> <p>Canvas Workbench (working name) is planned to be a local developer tool, similar to Storybook, but focused on Drupal Canvas Code Components and Canvas pages.</p> <h3>Goal</h3> <p>Provide a complete local Drupal Canvas preview experience for Code Components and Canvas Pages built with Code Components from source code alone.</p> <h3>What we are testing</h3> <p>This issue is to explore the followings, implement and learn as much as we can, and plan next steps.</p> <ul> <li>Run a local Vite + React app that scans your local codebase.</li> <li>Discover Drupal Canvas Code Components automatically.</li> <li>Show discovered components in a UI.</li> <li>Read component inputs from each <code>component.yml</code> and let you preview them through different example values.</li> <li>Discover Canvas pages alongside components.</li> <li>Represent pages as <a href="https://json-render.dev">json-render</a> objects.</li> <li>Use json-render to preview Canvas pages locally.</li> <li>Support hot module reload (HMR) for both component and page previews.</li> <li>Explore an additional story metadata format, possibly compatible with Storybook.</li> <li>Explore integrating Canvas page json-render objects with popular React framework routing.</li> </ul> > Related issue: [Issue #3576829](https://www.drupal.org/node/3576829) > Related issue: [Issue #3575872](https://www.drupal.org/node/3575872)