component-preview

Preview React, browser-renderable Next.js and Vue components from source. UI edit evidence for coding agents and VS Code, without starting the app.

Visual AI canvas for building & testing Next.js UI components — supports OpenAI, Anthropic, and Google AI with node-based data pipelines.

Instant React component previewer for VS Code — no dev server, no npm start, just open and render.

Live previews for React components. Add /** @Preview */ above an export and see it in a gallery served by your own Vite dev server, in the browser or beside your editor.

Instantly preview React UI components in a secure sandbox - paste, preview, and store components without local setup

Workbench, a VS Code extension that shows a project's pages and component previews side by side on one canvas, and the canonic.sh website.