# chinchang/web-maker

A blazing fast & offline frontend code editor

Repository: https://github.com/chinchang/web-maker
Canonical: https://ross.abutalabs.com/products/web-maker
Homepage: https://webmaker.app
Language: JavaScript
License: MIT
License Family: permissive
Topics: offline, chrome-tabs, chrome-extension, playground, web, code-editor
Last push: 2026-08-03T22:28:28+00:00

## Health v2 (maintenance only)
Score: 78/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 95, release rhythm 44, longevity 100
- inputs: {"age_days": 3775, "days_push": 30, "days_rel": 160, "gap_med": null, "n_releases_24m": 1}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2695, forks 324 (observed 2026-08-28T04:07:11.153009+00:00)

## What it is
Web Maker is a free, open-source offline frontend playground for HTML, CSS, and JavaScript, similar to CodePen or JSFiddle but running entirely in the browser. It is available as a web app and a Chrome extension, with support for preprocessors, a built-in console, multiple layouts, and real-time collaboration.

## Use cases
- experiment with html css and javascript offline
- codepen alternative that works without internet
- quickly prototype frontend ideas in the browser
- practice web development exercises without setup
- test scss typescript or pug snippets with live preview
- open a code playground in a new chrome tab
- teach frontend coding in a classroom without internet

## When to choose
- you need a fast, offline frontend playground with no server dependency
- you want preprocessor support (SCSS, Pug, TypeScript, etc.) in a lightweight editor
- you prefer a Chrome extension that opens instantly in a new tab
- you want to import/export your creations and keep code local for privacy

## When to avoid
- you need backend languages or full project builds beyond HTML/CSS/JS
- you require deep IDE features like debugging, refactoring, or version control integration
- you need a full cloud-based development environment with deployment pipelines

## Facets
- artifact type: application
- maturity: active
- function: editor, frontend-framework, developer-tools
- domain: web-development, frontend, developer-tools
- platform: browser, browser-extension
- tags: code-playground, offline-first, html-css-javascript, preprocessors, chrome-extension, codepen-alternative, live-preview, collaboration, web-server

## Member repositories
- chinchang/web-maker (main) score 78

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:07:11.153009+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T02:16:19.766633+00:00, confidence not recorded.
  - readme: https://github.com/chinchang/web-maker (fetched 2026-08-28T04:07:11.153009+00:00, sha d6cc89aec705)
  - homepage: https://webmaker.app (fetched 2026-08-29T09:59:45.430590+00:00, sha 5dcd7759fc3f)
  - site_page: https://webmaker.app/docs (fetched 2026-08-29T09:59:45.440771+00:00, sha dca0ec94c82b)
  - site_page: https://webmaker.app/about (fetched 2026-08-29T09:59:45.442799+00:00, sha 7d81dfb9ca9f)
- Data as of 2026-08-30T08:39:29.467469+00:00.