CleverCreator AIInstant feedback
The preview updates as the code changes, so mistakes show up immediately.
Live Preview & Terminal
Watch your app run while it is being built.
Forge shows a real-time preview of your app in device frames, with an xterm.js terminal wired straight into the project's sandbox — so you see and control exactly what is running.
- App preview
- Real-time
- Frames
- Device
- Terminal access
- Full
- Phone · 390pxpassing
- Tablet · 820pxpassing
- Desktop · 1440pxrendering
$ npm run dev — ready on port 3000
What you get
What makes Live Preview & Terminal different.
Check every screen size
Device frames let you test phone, tablet and desktop layouts.
A real terminal
An xterm.js terminal runs commands directly in the sandbox.
Isolated sandboxes
Each project gets its own container with Node.js, Python and PostgreSQL.
How it works
Three steps to get going.
Open a project
Start from a prompt or an existing repo.
Run it
The sandbox starts and the preview appears.
Inspect and fix
Use the terminal and preview together to debug.
Who it's for
Built for the people who use it.
Developers
A complete dev loop without setting up a local environment.
Designers
Check responsive layouts in real device frames.
Learners
See the effect of every change straight away.
FAQ
Common questions.
What runs in the sandbox?
Each project gets an isolated container with Node.js, Python and PostgreSQL ready to go.
Can I run my own commands?
Yes. The built-in terminal is connected directly to the project's sandbox.
More in ChatterMate · Build & create
All ChatterMate features Keep exploring.
ChatterMate.ai
Ready to try Live Preview & Terminal?
One CleverCreator account and shared credits work across every product.