Build and ship components entirely in the browser
CompHub Studio packs an editor, live preview, AI assistant and publishing pipeline into one page — no local setup, just open it to build, preview and publish.
See it in action
A full walkthrough, from a single prompt to a published component
Why CompHub Studio
An all-in-one workspace built for component development
No setup required
The whole Node.js runtime runs in your browser. Open the page and start — no installs, no local environment.
Chat-driven development
Describe what you want; the assistant edits files and runs commands, with every step shown as a reviewable card.
Code and preview together
File tree, editor and live preview on one screen, with support for Vue, React and Web Components.
Dependencies, ready to use
Install packages in the built-in terminal; dependencies are pre-bundled so the preview picks them up immediately.
Workspaces that persist
Snapshots are stored in your browser, so you can pick up where you left off after a refresh.
One-click publishing
Fill in the details, capture a screenshot automatically and publish straight to the Comp-Hub library.
Four steps to start
From an empty workspace to a publishable component
Open Studio
Use the button above to enter CompHub Studio. Sign in with your Comp-Hub account, or try it anonymously first.
Create a workspace
Pick Vue, React or Web Components, scaffold a component from a template, or import an existing one.
Chat and code
Tell the AI what you need, or edit files directly — the preview refreshes as you go.
Preview and publish
Capture a screenshot, add tags and a description, then publish to the component library.
Start building your first component
Nothing to install — it just works in your browser.