Creating a Project
Framework templates, blank projects, and configuration
Each project is its own containerized workspace — code editor, live preview, terminal, and AI agent all in one place.
Templates
Click New Project from the dashboard and pick a starting point:
| Template | What you get |
|---|---|
| React + Vite | SPA with Tailwind CSS and shadcn/ui |
| Next.js | Full-stack with App Router |
| Vue | Vue 3 with Composition API |
| Blank | Empty project — bring your own stack |
All templates come with TypeScript and a CSS framework pre-installed. The agent knows the template structure, so it writes code that fits from the start.
Project settings
Open Settings inside any project to change:
- Name — shows up in the dashboard and in deploy URLs
- Framework — controls build commands and how the preview runs
- Cloud — toggle the built-in database, auth, and storage (on by default)
- Integrations — connect GitHub, Figma, Stripe, or a deployment platform
You can change the framework after creation, but switching mid-project may require the agent to reorganize files. Best to pick the right one upfront.