Four editors and a classroom.

Every Codevre editor opens in a browser tab and runs your code on your own device. Pick the one that fits the project. They share one account, and every plan includes all of them.

Nothing to install
Projects save to your account
Every editor on every plan, free included

Codevre Learn

Classes and assignments, with any editor or none.

Set up a class, share a join code and give work in whichever Codevre editor suits the lesson. Assignments that aren't code, like quizzes and written answers, don't need an editor at all.

A teacher dashboard for every class
Lessons and assignments in order
Code in JavaScript or Python
Quizzes, short answers and essays
Students join with free accounts
Student IDs, no email needed
Track submissions and grade them
Due dates on a calendar

Explore Codevre Learn Try the demo class as a student

Teaching with Codevre needs an educator plan.

The educator plan is your licence to use Codevre in a school, university or any other teaching institution, and Codevre Learn comes with it.

It covers every editor The Codevre IDE, the Codevre Editor, Sandbox and the q5 Editor can all be used with your classes.
Codevre Learn is optional You don't have to run your class in Codevre Learn to teach with Codevre. You do need the educator plan either way.
Priced by the student seat One plan per teacher, and cheaper per seat as your class grows. Schools and districts can ask for a custom plan.

See educator pricing

Codevre IDENew

The whole stack, in one tab.

A workspace that works like VS Code, with an editor, a real Node.js terminal and a live browser side by side. The coding agent is built in and runs on free models.

Monaco, the editor behind VS Code
Node.js and npm in the browser
Live preview with devtools
Coding agent on free models
Git and GitHub
Panes you can rearrange

Best for apps, games, websites and anything that needs npm.

Open the IDE Start in agent mode

Agent

Add a weekly chart to the habit tracker I'll add a bar chart under the list. edit src/chart.js edit src/app.js npm run dev checked the preview

chart.js

export function drawWeek(days) {
  const max = Math.max(...days);
  return days.map(d =>
    bar(d / max));
}

localhost:5173

This week

Terminal

~/habits $ npm run dev
✓ ready on http://localhost:5173
~/habits $ ▍

Codevre Editor

A full editor for the web, without the setup.

Where Codevre started. The same kind of workspace as the IDE, with a file explorer, tabs and a live preview, built for HTML, CSS and JavaScript projects that don't need Node.js.

File explorer and folders
Tabs and a live preview
HTML, CSS and JavaScript
AI chat for questions about your code
Nothing to install or build
Saves to your account

Best for creative coding and front-end projects with several files, when you don't need npm.

Open Codevre Editor

pie-club · Codevre Editor

Explorer

index.html

style.css

script.js

images

pie.png

index.html style.css

1<main>
2  <h1>Pie Club</h1>
3  <p>Every Friday, room 12</p>
4  <button id="join">
5    Save me a slice
6  </button>
7</main>
8<script src="script.js"></script>

Pie Club

Every Friday, room 12

AI chat How do I make the button round? Add border-radius: 999px to the button in style.css.

Sandbox

HTML, CSS and JS, running as you type.

A pen for front-end ideas. Write HTML, CSS and JavaScript in their own panes and the result updates underneath, with a console for anything you log.

HTML, CSS and JS side by side
Live result as you type
Built-in console
Unlimited sketches on every plan
Upload assets to use in sketches
Saves to your account

Best for trying out an idea, a UI component, a demo to share or a short exercise.

Open Sandbox

HTML

<button id="go">
  Launch
</button>

CSS

#go {
  border-radius: 99px;
  background: linear-…
}

go.onclick = () => {
  n++;
  console.log('launch', n);
};

Console

›launch 1

›launch 2

›launch 3

q5 Editor

A calm place to learn to code by drawing.

A sketch editor built around q5.js and made for learners and classrooms. It keeps a full file system for images, sounds and extra files, and leaves out everything a beginner doesn't need.

q5.js ready to go
Sketch beside the code
Files and folders for assets
A simple, focused layout
No AI
Works with Codevre Learn

Best for students learning to code, creative coding classes and generative art.

Open q5 Editor

function draw() {
  stroke(random(palette));
  arc(0, 0, r, r, a, a + len);
}

Not sure where to start?

Start with what you want to make. You can use more than one editor, and they all save to the same account.

Every editor is free to use. Paid plans only raise how many projects and assets you can keep. Compare plans