Virtual Runtime Environment

The Editor for Creative Coders

Made for artists, educators, and builders — Codevre runs instantly in the browser, no setup needed

React
TypeScript
HTML
Tailwind
p5js
GSAP
JavaScript
three.js
fxhash
Esbuild
Kaplay
p5play
Paperjs
Turtle
q5js
Preact
CSS
React
TypeScript
HTML
Tailwind
p5js
GSAP
JavaScript
three.js
fxhash
Esbuild
Kaplay
p5play
Paperjs
Turtle
q5js
Preact
CSS

The web is your
workspace

No Setup Required

Jump straight into coding. Everything you need is ready.

< 1s Cold Start

Experience near-instant project loading. No more waiting.

Client-Side Runtime

Develop entirely within your browser.

Save & Share

Save projects and share live links in one click.

Free to Use

Runs entirely in your browser — no servers, no Vm, minimal cost.

Private by Default

Your projects start off private — share them with the world when you're ready.

Editor Screenshot

How Codevre Works

Frontend Virtual File System (VFS)
Custom Virtual Runtime Engine
Seamless, Secure Sandboxing
Dynamic Module Resolution
Bundling with Esbuild
Zero Runtime Costs, Minimal Overhead

Frontend Virtual File System (VFS)

Your entire project lives and operates directly within your browser! This client-side approach eliminates constant server round-trips for file access, making Codevre incredibly responsive.

Custom Virtual Runtime Engine

Our Virtual Runtime Engine (VRE) compiles your code instantly, directly in the browser. This means real-time feedback and execution, speeding up your development loop dramatically.

Seamless, Secure Sandboxing

For secure execution, your entire VFS is packaged and sent to a dedicated, isolated URL. This method allows robust sandboxing without heavy server-side processing or slow web containers.

Dynamic Module Resolution

Codevre handles complex module imports on the fly. We instantly generate runtime import maps, ensuring modules are correctly resolved directly in the browser for any project.

Bundling with esbuild

Codevre supports fully customizable builds through direct integration with esbuild. Define your own build process by creating an esbuild.config.cjs file. With support for one-click builds, automatic bundling on code execution, and a virtualized fs environment, Codevre gives you full control over how your projects are compiled and optimized right in the browser.

Zero Runtime Costs, Minimal Overhead

Your code execution happens entirely on your device. The only server interactions are for loading or saving projects. This means **zero runtime compute costs** for your projects, making Codevre more affordable and efficient than solutions relying on server-based environments. Our primary cost is just storage.

Extend your workflow
with AI-powered tools

Connect your OpenRouter account to access 300+ AI models, including open-source and free tools. Add as many as you want and switch between assistants effortlessly.

Capture your creations
in the Art Gallery

Temporarily store snapshots of your canvas work. A helpful companion for iterative and/or generative art. Click images to preview.

Edit colors in real-time
with the Inline Color Picker

Supports HEX, HEX8, RGB(A), and p5.js color formats across HTML, CSS, JS, and JSON files. Visualize and modify colors instantly while coding.

Debug with Built-in DevTools

View console logs, use a visual DOM inspector, inspect network activity, and browse source files directly from the editor. No browser switching required.

Run commands
inside a Virtual Terminal

Access the virtual file system (VFS), run build scripts, bundlers like esbuild, or preview commands directly within the environment.

Organize your work
with Advanced Project Tools

Rename, delete, categorize, bulk-edit, make templates or share your saved projects. Toggle between public and private modes effortlessly.

Your Creative Journey
Starts Here

CodeVRE is ready when you are — build, share, and connect with others in real time. Your next project begins in your browser.