Open Source · AI-Powered Development Workspace

Build more.
Switch less.

All-in-one workspace for Claude Code & OpenCode. Chat, terminal, git, browser preview, and real-time collaboration, built for multi-project and multi-session workflows.

Get Started Free View on GitHub
Clopen - localhost:9141
Clopen full workspace showing AI chat, file explorer, Monaco editor, source control, browser preview, and terminal panels
Features

Everything you need,
nothing you don't

A complete development environment designed around AI-assisted workflows, built to disappear into the background and just work.

Multi-Account Claude Code
Manage multiple Claude Code accounts (personal, work, or team) and switch between them instantly per chat session.
Integrated Terminal
Full PTY emulation with xterm.js UI. Multi-tab terminal sessions with complete ANSI/VT sequence support and full keyboard control.
Full Git Management
Stage, commit, branch, push, pull, stash, log, and resolve conflicts, all from a clean UI. Powered by native git CLI for accuracy.
Real Browser Preview
A live browser preview streams directly into your workspace. Interact with your app manually, or let the AI drive: clicking, typing, and scrolling for autonomous visual testing.
Git-Like Checkpoints
Multi-branch undo/redo with full file snapshots. Roll back to any point in your AI conversation without touching your actual git history.
Real-Time Collaboration
WebSocket-based presence tracking per project. Multiple users can work on the same codebase simultaneously with live awareness.
Monaco File Editor
VS Code's editor embedded in the browser. Full syntax highlighting, autocomplete, and live file watching, right beside your AI chat.
Cloudflare Tunnel
One-click public HTTPS URL for your local dev server. Built-in QR code for instant mobile access. Share your work without deploying.
MCP Support
Full Model Context Protocol integration. Connect AI tools, external APIs, and custom capabilities to your AI agents with zero friction.
Database Management Coming soon
Visually browse, query, and manage your project's database directly from the workspace. No external client needed.
Background Processing
Close the browser anytime, everything keeps running. Return later and your workspace restores exactly where you left off. Nothing lost.
Works on Any Device
Fully responsive across desktop, laptop, tablet, and mobile. Open your workspace from any device and continue exactly where you left off.
See It In Action

Built for the way
you actually work

AI Chat with full context

Stream responses from Claude Code or OpenCode with real-time tool visualization. Watch as your AI reads files, runs commands, and writes code, fully transparent and reviewable.

  • ✓ Multiple independent projects, each with isolated sessions
  • ✓ Streaming tool use with live visualization
  • ✓ Multiple Claude accounts switchable per session
  • ✓ Supports Claude Code & OpenCode engines
AI Assistant
AI chat interface with streaming tool use, task progress panel, and multi-project sidebar

Multi-Account Claude Code

Manage multiple Claude Code accounts (personal, work, or team) and switch between them instantly per chat session. No re-login, no friction.

  • ✓ Add and remove accounts in seconds
  • ✓ Switch accounts per session on the fly
  • ✓ Works with personal, work, and team accounts
  • ✓ Isolated credentials per account
Claude Code Accounts
Multi-account Claude Code manager showing account switcher with multiple profiles

Live browser preview

A live browser preview streams directly into your workspace. Interact with your app yourself, or hand full control to the AI: let it click, type, scroll, and visually verify your UI autonomously, step by step.

  • ✓ Real Puppeteer-based Chromium rendering
  • ✓ WebCodecs hardware-accelerated video stream
  • ✓ Manual interaction: click, type, scroll, drag
  • ✓ AI-driven autonomous visual testing
Browser Preview
Browser preview panel with live app rendering and AI browser automation actions

Checkpoint every moment

Never lose progress with AI-session checkpoints. Every action can be snapshotted. Branch off, experiment, then roll back. Like git, but for your entire dev session.

  • ✓ Commit-graph checkpoint history
  • ✓ Branch and merge AI sessions
  • ✓ Content-addressable file deduplication
  • ✓ File snapshot diffing
Checkpoint History
Checkpoint restore dialog showing session history timeline with file diffs and commit messages
Installation

Install & get going

Requires Bun.js v1.2.12+ and Claude Code or OpenCode for AI functionality.

terminal
01
Install Clopen globally
$ bun add -g @myrialabs/clopen
02
Start the workspace (opens at localhost:9141)
$ clopen
Tech Stack

Built with modern tools

Carefully chosen technologies that prioritize performance, developer experience, and reliability.

Bun.js Svelte 5 Vite Tailwind CSS v4 Elysia.js Claude Agent SDK OpenCode SDK Puppeteer WebCodecs SQLite Monaco Editor xterm.js bun-pty Cloudflare Tunnel MCP Protocol WebSocket TypeScript

Ready to supercharge
your AI workflow?

Join developers who've moved their entire AI-assisted dev workflow into one beautiful, fast workspace.

Get Started Free Star on GitHub