Now with AI-powered code assist

Code together.
Ship faster.

A complete development environment that lives in your browser. Real-time collaboration, instant previews, and zero setup.

Explore features

 1import express from 'express';
 2import { db } from './db.js';
 3
 4const app = express();
 5app.use(express.json());
 6
 7app.get('/api/projects', async (req, res) => {Sarah
 8  const projects = await db.query('SELECT * FROM projects');
 9  res.json({ projects });
10});
11
12app.listen(4001, () => {
13  console.log('Server running on :4001');
14});

JavaScript Ln 7, Col 52 UTF-8 3 online

Features

Everything you need,
nothing to install

A full development environment that lives in one browser tab. Collaborate, code, preview, and ship.

Real-time collaboration

See every cursor, every selection, every keystroke as it happens. Invite teammates by link or username. Color-coded presence shows who's editing what — like Google Docs, but for code.

Live cursors & selections
Role-based permissions
Instant invite links

1const express = require('express');

3app.get('/', (req, res) => {Sarah

4 res.send('hello');

5});Alex

Instant preview

Hit run and your app spins up instantly. Node, Python, Go — whatever your stack, Patchwork proxies it into a live preview. Hot reload included.

One-click dev server
Multi-runtime support
Built-in terminal

Terminal

$ node server.js

✓ Server running on http://localhost:3000

✓ Hot reload enabled

AI code assistant

Claude is built right into the editor. Ask questions about your codebase, generate boilerplate, debug errors, or let AI write entire features — all without leaving Patchwork.

Context-aware suggestions
Streaming responses
Apply code with one click

Add a rate limiter to the /api/login route

Claude

I'll add express-rate-limit middleware to protect against brute force attacks:

const limiter = rateLimit({
  windowMs: 15 * 60 * 1000,
  max: 5
});

Commit history

Built-in version control. Browse the full edit history, compare diffs, and restore any state.

Project TODOs

Inline TODO comments become a live checklist your entire team can track.

Private by default

Your projects are yours. Share only what you choose, with the people you choose.

Git integration

Clone repos from GitHub, push changes back. Your workflow stays intact.

Export as ZIP

Download your entire project at any time. No vendor lock-in, ever.

2FA & Passkeys

TOTP, WebAuthn, and OAuth. Multiple layers of security for your account.

Showcase

Build anything,
from anywhere

Start from a template or from scratch. Patchwork handles everything from quick scripts to full-stack apps.

Web apps

React, Vue, vanilla — full frontend projects with live preview

APIs & servers

Express, Flask, Go — build and test backends in the browser

Scripts & tools

Quick Python scripts, bash automation, data processing

Learning & teaching

Share a project link with students — they're coding in seconds

Getting started

Up and running
in 30 seconds

Create an account

Pick a username, set a password. Or sign up with GitHub, Discord, or Google. That's it.

Start a project

Create from a template — React, Express, Python, or blank — or clone from GitHub.

Invite your team

Share a link or add them by username. Set roles: owner, admin, editor, or viewer.

Code & ship

Edit together in real time, preview your app, commit changes, and export when you're ready.

Code together.Ship faster.

Everything you need,nothing to install