OFFLINE-FIRST CODE EDITOR

CODE WITHOUT LIMITS

A brutally fast, offline-capable frontend playground. No server. No latency. No excuses. Just you and your code.

// Your playground. Your rules.

const webMaker = {
  offline: true,
  preprocessors: [
    'SCSS', 'TypeScript',
    'Pug', 'Markdown'
  ],
  libraries: Infinity,
  realTimeCollab: true,
  privacy: 'YOUR_DATA_STAYS_LOCAL'
};

// Just start coding.
webMaker.init();

RAW
POWER

Every feature exists for a reason. No bloat. No unnecessary abstractions. Just the tools you need to build, experiment, and ship.

[_]

OFFLINE

Lives in your browser. Works on flights, trains, or in a bunker. Zero network dependency.

{...}

PREPROCESSORS

SCSS, TypeScript, Pug, Markdown, LESS, CoffeeScript. All compiled client-side.

</>

ANY LIBRARY

React, Vue, jQuery, D3, Three.js. Drop in any library via CDN or the built-in picker.

[=]

LAYOUTS

Side-by-side, stacked, full preview. Your workspace, your configuration.

FILES MODE

Full file-based environment. Folders, files, imports. Like VS Code in your browser.

REAL-TIME

Share a link. Code together. Like Google Docs for code.

WHY NOT
CODEPEN?

100% OFFLINE

Unlike CodePen or JSFiddle, Web Maker works without internet. Your code, your device, always available.

PRIVACY FIRST

Your code never leaves your machine unless you want it to. No account required.

ZERO LATENCY

No network round-trips. No loading spinners. Instant compilation, instant preview.

REAL-TIME COLLAB

When you need to share, share instantly with live collaborative editing.

THEY
SAID IT

If you're looking for a CodePen-like offline editor, and use Chrome, check out Web-Maker by Kushagra Gour.

Chris Coyier

Creator of CodePen

This is like having your own copy of Codepen that also works offline.

Amit Agarwal

@labnol

Really enjoying using Web Maker - super fast offline web playground.

Ryan Davidson

@Ryan_Random

Meet Web Maker, an Offline, Browser-based CodePen Alternative.

SitePoint

@sitepointdotcom