Workspaces & Projects
Last updated:
Managing workspaces in WebSandbox — creating, duplicating, exporting, and organising your development environments.
Creating a Workspace
To create a new workspace:
- From the dashboard, click New Workspace or press N
- Choose a template or paste a git URL (see Workspace Templates)
- Give the workspace a name and optional description
- Click Create
The workspace is created and opened immediately. The template files are loaded and, if applicable, npm install runs automatically in the background.
Workspace Templates
WebSandbox provides the following built-in templates:
| Template | Stack | Auto-start command |
|---|---|---|
| Blank | Empty | — |
| React + Vite | React 18, Vite 5, TypeScript | npm run dev |
| Next.js | Next.js 14, TypeScript, Tailwind | npm run dev |
| Node.js API | Express 4, TypeScript | npm run dev |
| Vanilla JS | Plain HTML/CSS/JS | Static file server |
| From Git URL | Any | Detected from package.json |
Managing Workspaces
From the dashboard, hover any workspace card to reveal the actions menu (three-dot icon):
- Rename — update the workspace name and description
- Duplicate — creates an exact copy of the workspace including all files and git history
- Export as ZIP — downloads your workspace files (excluding
node_modules) as a ZIP archive - Delete — permanently deletes the workspace and all associated IndexedDB data. This action is irreversible.
Exporting a Workspace
You can export your workspace files at any time without leaving the editor. From within an open workspace:
- Open the command palette (Cmd+Shift+P)
- Type Export workspace and press Enter
- WebSandbox bundles all workspace files (excluding
node_modulesand.git) into a ZIP and triggers a download
Alternatively, push your workspace to a git remote and clone it locally for a full development setup.
Workspace Limits
| Plan | Max Workspaces | Storage per Workspace |
|---|---|---|
| Free | 3 | 256 MB |
| Pro | Unlimited | 2 GB |
| Enterprise | Unlimited | Custom |
Storage is measured as the total size of all files persisted in the IndexedDB snapshot (excluding node_modules). See Pricing for a full plan comparison.