v1.0.0 — A beautiful IDE for HTML, CSS & JavaScript

A beautiful
IDE for the web.

Monec is a minimalist desktop editor for HTML, CSS & JavaScript — with a live preview, captured console, six hand-crafted themes, and one-click GitHub push. Built for makers, by makers.

✓ Free & open ✓ Cross-platform ✓ Zero setup ✓ 12 MB install
hero — landing.html — Monec
Projects
📁 landing-page
📄 index.html
🎨 style.css
⚡ script.js
📁 experiments
📁 portfolio
Libraries
📚 snippets
📚 icons
index.html style.css · script.js
<section class="hero">
  <h1>Hello, world.</h1>
  <p>Built with <a href="/">Monec</a></p>

  <script>
    console.log('ready ✨');
  </script>
</section>
desktop 📺 100%

Hello, world.

Built with Monec

Get started
Monec · landing-page · 3 tabs
HTML · UTF-8 Ln 4, Col 12
Download

Get Monec for Windows.

Choose your flavor. Both are 100% free, no account required.

Standalone

monec.exe

Portable single-file executable. Run it anywhere, no installation needed. ~11 MB

Download .exe

Installer

Monec_Setup.exe

Full installer with desktop shortcuts, file associations, and auto-update checks. ~4 MB

Download Installer

Other platforms coming soon. For now, Monec is available on Windows (x64). · Check all releases on GitHub.

By the numbers

Built in public.

Pulled live from the GitHub repo.

Stars
on GitHub
Downloads
across all releases
Latest release
no releases yet
Open issues
transparency, not vanity

Built with the world's best web tooling

Tauri v2 · React 19 · TypeScript 6 · Monaco Editor · Tailwind 3
Features

Everything you need.
Nothing you don't.

A focused, complete environment for HTML/CSS/JS projects that loads instantly and stays out of the way.

Monaco Editor

The same engine that powers VS Code — syntax highlighting, autocomplete, multi-cursor, bracket matching, all included.

Live Preview

See your changes update in real time. Switch between desktop, tablet, and mobile breakpoints. Adjustable zoom from 25% to 200%.

Console Capture

Every console.log, error, and warning is captured and filtered by level — with badges for counts.

Six Themes

Hand-crafted palettes — Black, Purple, Ocean, Forest, Nord, and Light. Each one tuned for long, focused coding sessions.

Auto-Save

A 500ms debounce plus Ctrl+S to force a save. Dirty files show a dot indicator. Every file lives in a safe local folder.

One-Shot GitHub Push

Authenticate with a Personal Access Token. Create a repo and push your project in two clicks. Token stays on disk.

Global Search

Hit Ctrl+Shift+F to find anything across every file in the active project.

Command Palette

Fuzzy search every file or every command. Press Ctrl+P for files, prefix with > for commands.

Libraries

Snippet repositories that live alongside your projects. Use them for component templates, icon sets, and reusable CSS.

Themes

Pick your palette.

Six distinct personalities, all hot-swappable.

Black

Default dark

Purple

Rich violet

Ocean

Deep blue

Forest

Natural green

Nord

Arctic blue

Light

Clean white

Why Monec

The web editor,
rethought.

200ms

Cold start to project edit

12MB

Installer size (Windows)

100%

Your files stay on your disk

0

Accounts, telemetry, paywalls

Made for

Built for the way you code.

Designers → Code

Turn a Figma export into a live site without leaving your editor.

Prototyping

Throw together micro-demos, CodePens, and animation tests in seconds.

Teaching

Give students one tool that runs everywhere, with zero setup.

Built-in productivity

Code at the speed of thought.

Monaco brings the same IntelliSense, multi-cursor, and snippet expansion you expect from a professional editor. Monec adds the bits you'll actually use: command palette, fuzzy-open files, status bar, and a console that captures everything your code spits out.

  • 14 keyboard shortcuts always within reach
  • Auto-save + dirty indicators
  • Live console from inside the iframe
  • Push to GitHub in two clicks
// ship in one click
async function ship() {
  await monec.commit("feat: new homepage");
  await monec.push();
  return monec.celebrate();
}
FAQ

Questions, answered.

Where do my files live?

In your operating system's standard application data directory — on Windows that's %APPDATA%/com.monec.app. Plain text files, always under your control.

Does it need an internet connection?

No. Everything works offline. The only network feature is optional GitHub push, which only fires when you click the button.

How does GitHub push work?

You provide a Personal Access Token with repo scope. We create the repo (or push to an existing one), commit your files, and push. The token stays on disk and is used via a one-shot credential helper so it never ends up in shell history.

Is Monec free?

Yes. No paywalls, no subscriptions, no telemetry. Use it however you want.

Changelog

What's new.

Loading releases from GitHub…

Fetching release history…
View full history on GitHub

Ready to build?

Download Monec in seconds — no account, no telemetry, no credit card. Just you, your editor, and your ideas.

Launch Monec View on GitHub