No sign-up11,173 open-source and SaaS tools, with GitHub stats refreshed every day.
Live
Browse ToolsSubmit Your SaaSClaim Your SaaS

Web Maker

SaaS

Offline, browser-based front-end playground for HTML, CSS and JavaScript that runs as a Chrome extension or web app and presents itself as an open-source alternative to CodePen.

Competes with

Visit Web MakerClaim listing

About Web Maker

Web Maker is a code playground for HTML, CSS and JavaScript that works offline in the browser. It runs as a Chrome extension or progressive web app, opens instantly and renders a live preview without network round trips. The site says code stays on your device by default and that no account is needed to start. It describes itself as open source and compares itself with cloud-only editors such as CodePen and JSFiddle.

The editor supports preprocessors including SCSS, Sass, Less, Stylus, Pug, Markdown, TypeScript, ES6 and CoffeeScript, and libraries can be added from any CDN, including React, Vue, jQuery and Tailwind. It has six layouts including a tabbed editor, a file tree with folders, a built-in JavaScript console, Prettier formatting, a command palette, dark mode and an interface in eight languages.

Other features are real-time multi-user editing through a shared link, one-click PNG screenshots of the preview, and an export that pushes the project to CodePen. The suggested uses are learning web development, quick prototypes, live coding interviews and teaching.

Key features

  • Works fully offline in the browser
  • Real-time collaboration via shared link
  • SCSS, Pug, TypeScript and other preprocessors
  • Add libraries from any CDN
  • Six editor layouts including tabs
  • File tree with folders
  • One-click PNG screenshot of the preview
  • Export to CodePen

Good fit for

  • Learning HTML, CSS and JavaScript
  • Running live coding interviews
  • Prototyping an idea before opening an IDE
  • Teaching workshops without reliable internet
Tags
code-playground
frontend
offline
codepen-alternative
open-source
html-css-js
chrome-extension

Web Maker: questions and answers

What is Web Maker used for?
Web Maker is an offline, browser-based front-end playground for HTML, CSS and JavaScript that runs as a Chrome extension or web app and presents itself as an open-source alternative to CodePen. It is a good fit for learning HTML, CSS and JavaScript; running live coding interviews; and prototyping an idea before opening an IDE.
Is Web Maker open source?
No. Web Maker is proprietary (closed-source) software. In the Developer Tools category, open-source options include Godot, VSCodium and Visual Studio Code.
What are some alternatives to Web Maker?
Web Maker competes with CodePen, JSFiddle and CodeSandbox.

Open-source alternatives to Web Maker

See all

SaaS alternatives to Web Maker

See all