1. Start with a workspace
Create an account using your name, email, and a password of at least 10 characters. Your workspace opens immediately, without manual approval. The free workspace lets you save up to three projects and explore all six starter templates.
You can also try the demo without an account. The demo loads local templates; it does not make custom AI edits or save your work on the server.
2. Give your project a direction
Choose New project, give it a name, and pick a starting template. You’ll find a conversation panel on the left and a preview on the right. Describe what you want to build, including your audience, the page sections, visual style, and any interactions.
3. Pick a model and a budget
The model selector offers supported Claude, GPT, Gemini, and DeepSeek models when live AI is available. Each model has a different token price. Template demo is always available for free and selects a local starter layout; it does not interpret custom changes.
For live AI, set a credit cap before sending your request. The server estimates the maximum cost, checks your balance, and reserves the budget. The final charge uses actual token counts; unused reserved credits return automatically. You can run one build at a time per account. Stop a build using the stop button to return its reserved credits.
4. Preview, refine, and edit
Use desktop, tablet, and mobile preview sizes to check your layout. Ask the live agent for focused changes, or open Code to edit index.html, styles.css, script.js, or README.md yourself. Save code edits to update the preview. Generated pages run in an isolated frame with external network access blocked. Authentication, databases, payments, and forms that need a server must be connected separately after export.
5. Restore a version or export
Each successful build and manual save creates a version. Open History to review the most recent 100 versions and restore one. Restoring creates a new version rather than erasing your later work. Download your project as a ZIP archive at any time. Open index.html locally or upload the files to a static website host. Replace sample content and review the code before publishing.
6. Manage credits and your account
Credits & billing shows your balance, purchases, reservations, returned credits, and build charges. Choose a monthly plan or a custom top-up when billing is open. One dollar buys 100 credits. Monthly credits and purchased credits roll over while your account stays open.
Settings lets you update your name, change your password, request email verification when email delivery is available, export your account data, or delete your account. Use the billing portal to cancel a subscription. Read the Refund Policy before requesting a refund or deleting an account.