Codevre

Codevre Changelog

Product updates, fixes, and improvements.

Runtime stability: navigation reset + nested script handling

Small but important runtime improvements focused on navigation reliability and consistent script execution.

Fix Runtime
  • Navigation now reloads from a fresh source: page navigation resets the preview instead of dynamically rebuilding the same document, fixing issues where global variables could leak between pages.
  • Nested scripts are now reliably executed: scripts placed inside sections or other containers are detected and run correctly, matching real browser behavior.
  • Preview URL now stays in sync: the preview window’s address/search bar updates as you navigate between pages.

Runtime fixes: folder index resolution + anchor handling

Small runtime engine improvements to improve navigation behavior and fix edge cases when working with dynamically created links.

Fix Runtime
  • Folder paths now resolve index files: links like <a href="/docs"> will automatically load /docs/index.html when present, matching standard web server behavior.
  • Anchor append bug fixed: appending <a> elements to the DOM no longer triggers runtime errors. This fixes cases like: 
    const a = document.createElement('a');
document.body.appendChild(a);

Guides, Changelog Page, Templates & Sandbox Updates

New Guides section, public changelog page, sandbox improvements, docs updates, and new framework templates powered by esbuild.

Feature Docs

New Year Update: Sandbox, Subscriptions, Embeds + New UI

One of the biggest updates yet: a brand new Sandbox, plan tiers, unlimited embedding, refreshed UI, a new account dashboard, runtime + screenshot upgrades, and performance boosts.

Feature Perf
  • Codevre Sandbox: fast creative space for prototyping & learning (Codepen / JSFiddle-style).
  • Unlimited Sandbox projects + lightweight workflow for small builds.
  • External asset hosting (scales by tier).
  • Subscriptions: new plan tiers to support development — free remains powerful (25 IDE projects, unlimited Sandbox, all core IDE features).
  • Unlimited embedding: Mini Editor+Preview or Preview-only.
  • New UI + landing page refresh across Codevre.
  • New account dashboard: IDE + Sandbox projects, subscription & usage overview.
  • Screenshot upgrades: canvas capture + new HTML capture via html2canvas.
  • Performance boosts: lazy loading across the app, faster load & navigation.

HTML formatting: inline JS + import maps (Prettier + Babel)

Replaced Monaco’s default HTML formatter to properly handle inline JS, import maps, and mixed HTML/CSS formatting.

Feature Fix
  • Monaco’s default formatter had issues with inline JS + import maps.
  • HTML files now format via Prettier + Babel, keeping inline JS/import maps/CSS working together.
  • Updated the HTML tokenizer to add syntax highlighting support for import maps.

Runtime patch: import maps can live in a separate file

Small runtime engine update: you can now put import maps into their own file.

Feature
  • Import maps can now be separated into a dedicated file for cleaner projects.

Templates update: new tabs + Matter.js + Planck.js

Improved Three.js templates, added Matter.js + Planck.js templates, and introduced “My Templates” + “Example Projects”.

Feature
  • Adjusted the Three.js templates to be more useful out of the box.
  • Added Planck.js and Matter.js templates.
  • New tabs: My Templates + Example Projects.
  • Create templates from your projects panel, then start new projects using them as a base.
  • Find it in the editor: Menu → New → Templates.

Educator features (WIP): classrooms, assignments, portals

Early work on educator-focused tooling. If you teach, your input is welcome.

Feature
  • Working on classrooms, assignments, educator portals, and related workflows.
  • If you’re an educator, share requests/suggestions in Discord.

Runtime tuning + Three.js glTFLoader fix + more file types

Continued runtime engine improvements, fixed glTFLoader issues, and expanded supported asset types.

Fix Feature
  • Fixed a runtime issue affecting Three.js glTFLoader with hosted and external files.
  • Using Bruno Simon’s “My room in 3D” project to test broader Three.js support.
  • Added support for more file types (including videos) and additional 3D model formats.

New themes + font option

Two new themes and a new font family option for your editor setup.

Feature
  • Added themes: cursor-dark and vesper-dark.
  • Added font option: lilex (zed mono).

Assistant now supports attachments + images

The Assistant can now receive many file types and images — added a paperclip button to attach files.

Feature
  • Upload attachments of many file types.
  • Image upload support added.
  • New paperclip button in the Assistant.

Tabs: context menus + compact overflow behavior

Tabs now match file item context menus, and overflow behaves better when you have lots of tabs open.

Feature
  • Tabs now have context menus matching file items (plus an extra “close tab” at the bottom).
  • Added a compact tab view when tabs overflow — they shrink before introducing a scrollbar.
  • Hover titles added for file/tool names in compact mode.

New theme + explorer search navigation improvements

Added “One dark modern” and improved explorer search UX with better navigation controls.

Feature
  • New theme: One dark modern (darker One Dark) + updated repl theme.
  • Explorer search tabs now include a refresh results button and a back button to return to files.
  • Similar improvements for the Tools tab, plus more hover titles for file/folder names.

QOL: bulk delete + window menu actions + default layout

Multi-select deletion, more window menu actions, and a new default layout (customizable in settings).

Feature
  • Bulk delete: ctrl/shift-click to select multiple files/folders → right click → delete prompts to delete all selected.
  • Editor window menu: added a quick Create file button.
  • Tools option: open tools into specific windows from the window menu.
  • New default layout opens Settings + AI Assistant tools by default, with preview on top.
  • Customize in Settings → Style → Window layout.

Cleaner editor UI + Limited Palette + layout polish

A roomier editor experience: modernized layout, moved key controls to the status bar, new styling defaults, and a handful of fixes.

Feature Fix
  • Modernized layout: removed the old header; more space for code.
  • Menu + Project buttons now live at the top of the File Explorer.
  • Play/Stop (secondary) + Like/Comment/Fork controls moved to the bottom status bar.
  • Explorer tabs moved to the bottom of the File Explorer.
  • Limited Palette option added (on by default) for a cleaner look.
  • New default theme: vs-dark-modern.
  • Fix: dragging files to tab headers now inserts exactly where you drop.
  • Fix: liking from project/profile pages now sends notifications properly.
  • Polish: resolved a subtle spacing/pixel cutoff with many editor windows.

Runtime script injection is now resilient to failures

The preview/runtime engine now behaves more like a real browser: if a script fails, it logs the error and keeps going.

Perf Fix
  • Non-fatal script errors: failed external/CDN or VFS scripts now log warnings instead of halting injection.
  • Retry tolerance: scripts retry once, and failures no longer stop the rest.
  • Module + classic safety: load/exec errors are caught and logged without rejecting the chain.
  • Parallel protection: one bad async script can’t cancel the rest.
  • Serial resilience: sequential scripts still run in order, with per-script error handling.

Emmet shortcuts + auto closing tags

Faster HTML/CSS/JS authoring: Emmet expansions and improved closing-tag autocomplete (VS Code style).

Feature
  • Added Emmet syntax shortcuts for HTML, CSS, JS, JSX, TSX.
  • Type things like div or script then press Tab/Enter to expand.
  • Added default HTML element closing suggestions (e.g. type <script>, press Enter to close with </script>).
  • This autocomplete is a custom solution — feedback welcome if anything feels off.

New free model option: Grok-4 Fast (OpenRouter)

If you link OpenRouter, you can use a free “grok-4 fast” option inside Codevre.

Feature
  • OpenRouter users: x-ai/grok-4-fast:free is available (free) in Codevre.
  • Reminder: you can use many models in Codevre by linking an OpenRouter account.

Docs update: esbuild + capture/gallery pages are live

The docs got a refresh — and a couple of the most-needed pages are already available.

Feature
  • Docs refresh is underway (more writing still in progress).
  • esbuild docs are live.
  • codevre.capture / gallery docs are live.

JS minification + better SVG gallery captures

Minify JavaScript fast (whole doc or selection), plus improved gallery captures for SVG-based projects.

Feature Perf
  • Added JavaScript minification.
  • Shortcut: Ctrl + M to minify the whole doc, or minify the selected text.
  • Minify is also available from the context menu.
  • Gallery now captures SVG projects as a PNG so they preview nicely and open cleanly.

Non-editor pages refreshed (again)

Updated the look/feel across the marketing pages — docs were next on the list.

Feature
  • Home page refreshed.
  • Projects page refreshed.
  • Profile page refreshed.

More free AI options via OpenRouter

OpenRouter shipped two new free “stealth” models — and you can use them in Codevre by linking your account.

Feature
  • OpenRouter added two new free stealth models.
  • Reminder: link your OpenRouter account to use many AI models in Codevre.

More editor fonts

Expanded the font picker with additional options — suggestions welcome.

Feature
  • Added more fonts to choose from in the editor.
  • If there’s a font you want, request it in Discord.

New library: Image-to-triangle (triangulation effects)

A fun new triangulation library built entirely in Codevre — includes a demo project and a no-code live app on GitHub.

Feature
  • Published Image-to-triangle for triangulation effects.
  • Great for generative art / PFP experiments — tweak settings and generate new looks fast.
  • Includes a demo project to get started, plus a no-code live app in the repo.

More settings: new fonts + more themes

Expanded style options with new font choices — and the theme list keeps growing.

Feature
  • Added two new fonts: a new Google font option + IBM Plex Mono.
  • Total themes reached 16 (and more can be added by request).
  • Requests welcome for more settings, fonts, or popular editor themes.

Server interruption resolved

A brief outage was caused by an expired payment method — it’s been fixed and a backup is now in place.

Fix
  • Service interruption resolved (expired payment method).
  • Backup payment method configured to prevent repeats.

New API: codevre.capture(options) for batching gallery captures

Added a built-in capture API so you can save canvas outputs to the gallery via code — great for generating lots of variations.

Feature
  • New built-in API: codevre.capture(options).
  • Save canvas outputs to the gallery via code — including batching.
  • Perfect for generating lots of outputs (e.g. 100 runs) hands-free.

URL params support + export Markdown to PDF

Previews now support URL parameters, and Markdown files can be exported as PDFs right from the Markdown preview tool.

Feature
  • Added support for URL parameters in previews (works in the iframe and external page previews).
  • Added Markdown → PDF export from the Markdown preview tool.

Gallery image viewer: pan, zoom, download

A new gallery image viewer makes it easier to inspect captures — with pan/zoom and download controls.

Feature
  • Added a gallery image viewer with pan + zoom controls.
  • Download images directly from the viewer.
  • Potential next step: bring this viewer to images in your file system too (feedback welcome).

Project settings: default entry path + default open file

You can now choose what file runs by default (entry HTML) and what file opens by default when someone launches your project.

Feature
  • Updated the project settings dropdown with a default entry path (source HTML document).
  • Added a default open file option (which file opens in the editor).
  • Both settings are optional — leave blank to keep current auto-detection behavior.

ShaderMate library + GLSL editor support

Released ShaderMate for shader coding (Shadertoy-friendly), plus new GLSL formatting/highlighting in the editor and a couple fixes.

Feature Fix
  • Published ShaderMate: an easy-to-use shader library with examples + docs.
  • Compatible with Shadertoy style projects (great for learning shaders).
  • Added GLSL formatting + syntax highlighting in the Codevre editor.
  • Fix: saving a copy of a published project now resets visibility back to Private for your copy.

New project visibility: Public Unlisted

Share projects by link without listing them on Explore — a new “Unlisted” visibility option.

Feature
  • Added a third visibility option: Unlisted (public-unlisted).
  • Private: only you can view (not shareable).
  • Public Unlisted: shareable by link, not shown in Explore/search.
  • Public: listed on Explore and discoverable.
  • Set visibility in your Projects menu.

Notifications for comments, follows, and likes

Stay in the loop: added a notifications system for social activity across Codevre.

Feature
  • Added notifications for comments, follows, and likes.

New site preview: launch is close (try it now)

The new site was nearly ready — early testers invited, with more templates and test projects added to explore.

Feature
  • Early preview of the new site for feedback.
  • Added lots of test projects + templates to try out.

New editor: comments panel inside the editor

Comments, likes, and forking remain — and comments can now be viewed directly inside the editor in a resizable side panel.

Feature
  • The new editor supports comments, likes, and forking like before.
  • Comments can be viewed inside the editor in a resizable side panel (instead of only on project pages).

Terminal tool + large-project module stress tests

Added a terminal tool to the new editor, and validated module resolution + quick preview behavior on very large projects.

Feature Perf
  • Added a Terminal tool for the new editor with many expected basics (git coming soon).
  • Education-friendly workflows: terminal is great for classroom settings (more commands can be added via feedback).
  • Stress-tested module resolution on 250+ file projects (with and without bundling).
  • Quick preview builds a custom import map → blob for module imports and runs like a browser would (no build step needed).
  • Bundling modular projects also works if you prefer that workflow.

Alpha build is live

The alpha build shipped for early testing — active development continues daily, and feedback helps guide fixes.

Feature
  • Alpha build is available to try at codevre.com.
  • Development is ongoing every day — if something’s not working, ask in Discord and you’ll get a quick status update.
  • Testing so far showed very stable behavior; bug reports welcome.

Framework projects (React) with instant builds

The new editor can build framework projects like React quickly — no installs, no server bundling, and near-instant run cycles.

Feature Perf
  • Create projects using frameworks like React.
  • No dependency installs and no server-side bundling — the build step runs instantly.
  • Compared to other browser IDEs, project load + build + run is dramatically faster (milliseconds).

Default starter projects (and future user templates)

The new editor will let you choose a default starter project on launch — and this will expand to user projects as templates.

Feature
  • Set a default project from a list of built-in starters so the editor opens exactly where you want.
  • Planned: hook this into user projects so you can make your own templates.

Simple public/private toggle for sketches

Sketches can be public or private (private by default) without a separate “publishing” flow — just a simple toggle.

Feature
  • Projects support public or private sketches, private by default.
  • Visibility is controlled via a dropdown at the top (with optional project info).

Project organization: multi-select + custom groups

Better project organization is coming: multi-select delete, custom folder groups, and decoupled naming for more flexibility.

Feature
  • Improved project management: select multiple projects for deletion.
  • Create custom group folders for organizing projects.
  • Project names are decoupled from backend structure — multiple projects can share the same name.

In-browser builds powered by esbuild-wasm

A new build system is coming: drop an esbuild config into your project and bundle straight into the VFS — no Node/npm required.

Feature
  • Drop an esbuild.config.json (or .cjs) into your project root.
  • Right-click the config → Build.
  • Bundle writes directly into the VFS (default /dist/bundle.js, or your configured outfile).
  • Zero setup: no Node/npm; everything runs in the browser.
  • Supports multiple entry points, loaders (CSS/JSON/text), define, minify, inline sourcemaps — basically the full esbuild CLI feature set.
  • Build repeatedly — the output file and any open tab updates instantly.

AI chat upgrades + OpenRouter integration (300+ models)

The new editor’s AI chat is getting a big upgrade: better message controls, full history navigation, adjustable typing speed, and access to hundreds of models via OpenRouter.

Feature
  • AI chat upgrades: redo reply, edit messages/replies, stored retries you can navigate and pick from, plus full chat history.
  • Adjustable typing speed + an “infinitely extendable” chat experience.
  • Powered by OpenRouter: one API key unlocks 300+ models (including many free ones).
  • Manage which models appear via Settings — add/remove model IDs anytime without waiting for app updates.

More settings + custom layouts (peek)

The new editor is adding a ton of settings — including flexible custom layouts to match how you like to work.

Feature
  • Expanded settings system with lots more options to customize your workspace.
  • Custom layouts preview: flexible arrangements to fit your workflow.

CodeDye: custom syntax highlighter (MIT)

Published CodeDye — a custom syntax highlighter built for the new site’s AI chat, designed to match Monaco/VScode-like tokenization more closely.

Feature
  • Released CodeDye (MIT): a custom syntax highlighter built to better match Monaco-style tokenization.
  • Includes a live demo and supports: JS, CSS, HTML, Python, and Markdown (easy to extend).

Next editor preview: better highlighting, devtools, live CSS, limitless layout

A peek at major upgrades: richer tokenization, more useful debugging tools, optional live CSS updates, a modular tool system, and a fully reworked quick preview.

Feature Perf
  • Enhanced tokenization: more accurate syntax highlighting (flow keywords vs declarations, class names, accessors, function calls, etc.).
  • Live CSS updates: toggle between instant CSS patching or full document reload.
  • Debugging upgrades: logs/errors map to virtual files, improved sourcemap alignment, clickable logs, request/network logging, inspector for CSS tweaks.
  • Limitless layout: split panes, drag tabs, open multiple tools/files, arrange freely.
  • Modular tools: clean registration for new tools/settings (extensible design).
  • Quick preview overhaul: improved path logic, more edge cases handled (including ES6 modules) without needing server preview.
  • Improved dynamic asset path handling (easier loops / generated filenames) vs manual enumeration.

Rebuilding the editor: dynamic layout, better tools, revamped backend

A larger rebuild is underway to enable faster updates, better tools, improved performance, and a more modern structure across frontend + backend.

Feature
  • New editor version planned with a huge set of improvements and a cleaner architecture.
  • Dynamic layout: recursively split anywhere, drag/drop files & tabs, save layout preferences.
  • Enhanced dev tools: inspector/debugger/network logging, improved log capture.
  • File system revamp: ctrl/shift multi-select, multi drag-drop, better performance.
  • Backend upgrades: near-instant retrieval via a revamped structure (TypeSense-based management).
  • Future additions mentioned: notifications, feeds, favorites, and more.
Older

Build something today

Open the editor, pick a template, and ship a prototype in minutes.

Launch Editor Browse Templates