Write it, preview it,
publish it— all in the browser.
CompHub Studio puts a Node.js runtime, editor, live preview, AI assistant and publishing flow into one page. No installs, no local environment — open the page and you have a workspace.
From a prompt to a publishable component
A four-minute walkthrough: create a workspace, ask the AI to edit, confirm the preview, fill in the details and publish. One browser tab throughout.
One workspace for the whole component lifecycle
It is not a local IDE moved into a web page. It is a flow rebuilt around components: write, see, verify and publish in the same context.
Zero-setup start
The Node.js runtime runs in the browser. No nvm, no global packages, no “npm install first”.
Chat-driven development
Describe the result you want. The assistant edits files and runs commands, with every step shown as an expandable card.
Code and preview together
File tree, editor and live preview side by side. Save and it refreshes; Vue, React and Web Components all run.
Dependencies ready to use
Install packages in the built-in terminal; the platform pre-bundles them so the preview picks them up immediately.
Workspaces remember
Snapshots live in your browser. Refresh, close the tab, come back tomorrow — you continue where you left off.
One-click publishing
Capture a screenshot, fill in tags and description, and publish to the component library with a version note.
From an empty workspace to a published component
Follow this order the first time. Once you know it, you can jump from a prompt straight to publishing.
Open Studio
Sign in with your Comp-Hub account or try it anonymously. The workspace list remembers previous projects.
Create a workspace
Choose Vue, React or Web Components, scaffold from a template, or import an existing component.
Chat and code
Tell the AI what you need, or edit directly. The preview refreshes live and errors point to the exact line.
Preview and publish
Confirm the result, capture a screenshot, add tags and description, then publish with a version and changelog.
Less configuration, more context
Studio does not replace your daily IDE. It handles the “build a component, see it now, publish it” moments.
| Capability | Local development | CompHub Studio |
|---|---|---|
| Environment | Node, package manager, framework scaffolding | Open the page |
| Dependencies | Manual install, occasional version conflicts | Pre-bundled, instantly available |
| Preview and debugging | Full DevTools | Side-by-side preview with error locations |
| AI collaboration | Requires an IDE plugin | Built in, reviewable changes |
| Publishing | CLI plus an upload flow | Screenshot, details and version in one step |
| Best for | Long-running projects and complex engineering | Fast validation, component polish, instant sharing |
Common questions
Didn't find an answer? Contact us or open an issue on GitHub.
Do I really need to install nothing?
Correct. The Node.js runtime is compiled to run in the browser and the workspace runs in a local sandbox. Any browser with WebAssembly and OPFS support works.
Where are my files stored?
Workspace snapshots are kept in your browser (OPFS). Source is uploaded to Comp-Hub only when you publish. Clearing browser data removes local snapshots.
Can I use private dependencies?
Public npm packages install directly. Private registries need an access token and are currently in beta — request access on the contact page.
Does it support Vue 2?
The library supports Vue 3 and React 19. Web Components run in any host. Vue 2 components remain browsable and downloadable, but new Studio workspaces default to Vue 3.
Write your first component now.
Nothing to install — it runs in your browser.