Dev tools · alternatives · 2026

24 alternatives to Codepan

Like codepen and jsbin but works offline.

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Codepan launched in 2018; newer entries below may have overtaken it.

1
CodePan▲7
The web playground that works offline.
2017 · codepan.js.org · its alternatives →
2
CodePen▲109
HTML, CSS, and JavaScript editor in the browser.
2014 · codepen.io · its alternatives →
3
CodeSwing – A CodePen-like interactive playground, built into VS Code▲159
VS Code extension for building web applications ("swings") using a interactive and editor-integrated coding environment - lostintangent/codeswing
2020 · github.com · its alternatives →
4MY
Make your app handle going offline▲151
Offline.js is a Javascript and CSS library to automatically alert your users when they
2013 · github.hubspot.com · its alternatives →
5
CodePen Projects▲288
A web based IDE for building websites by CodePen
2017 · codepen.io · its alternatives →
6
JavaScript.com▲217
A free resource for learning and developing in JavaScript
2015 · javascript.com · its alternatives →
7
CodeCombat▲143
Learn to Code JavaScript by Playing a Game
2014 · codecombat.com · its alternatives →
8
JSFiddle▲107
Test and share JavaScript, CSS, HTML or CoffeeScript online.
2014 · jsfiddle.net · its alternatives →
9
Offline JS Playground▲98
Write, run, and test JavaScript snippets & JSON offline
Aug 2026 · chromewebstore.google.com · its alternatives →
10
CODECAST▲254
HTML & CSS editor in your browser with real-time previews
2015 · codecast.me · its alternatives →
11
PlayJS▲138
Playground JavaScript web, now with superpowers
2023 · its alternatives →
12
Coderoulette▲158
Pair programming game for developers 🚀
2016 · its alternatives →
13
Code Box▲78
A desktop app, inspired by CodePen and JSFiddle
2021 · virejdasani.github.io · its alternatives →
14
Codewich – A live-updating TypeScript/CSS/HTML playground▲114
Create and share simple web demos using TypeScript, CSS, and HTML. Prototype new ideas quickly.
2017 · codewich.com · its alternatives →
15
A fast, minimal and offline-friendly web playground▲50
I built a web-based HTML/CSS/JS editor focused on speed, simplicity, and offline access. No bloat — just open and start coding. What makes it different: Live Preview – Edit HTML, CSS, and JS side-by-side with instant feedback. Offline support – Works without internet. You can even install it as a PWA and use it like a native app. No Login Required – Just visit, code, and preview. Login only if you want to save/share. Savable & Shareable Links – Save scripts in the cloud and get shareable links. Customizable Editor – Themes, fonts, auto-format on save, layout tweaks, line…
2025 · scriptpad.dev · its alternatives →
16
CodePen: Online Code Editor▲16
Build, share, and learn JavaScript, CSS, and HTML editor.
2021 · codepen.io · its alternatives →
17
Website Starter Kit from Glitch▲134
Learn HTML, JS, CSS & Node.js w/ free videos & live code
2018 · blog.glitch.com · its alternatives →
18
Forestry▲187
A lightweight CMS for Jekyll and Hugo sites
2016 · tina.io · its alternatives →
19
CodeComet▲109
Version control, collaboration and online coding for devs
2016 · codecomet.io · its alternatives →
20
Code editor by Flawwwless▲89
An online Javascript code editor 🤖
2019 · its alternatives →
21AP
A playground for in-browser interpreters▲79
2015 · fatiherikli.github.io · its alternatives →
22
WebDen▲119
Open source web code playground built for mobile
2021 · webden.dev · its alternatives →
23
Web-Playground – An Enjoyable Playground for HTML, JavaScript and CSS▲13
An enjoyable playground for HTML, JavaScript and CSS - d6u/web-playground
2015 · github.com · its alternatives →
24WM
WebGL Minecraft-like scripting environment for teaching programming▲66
2016 · webblocks.uk · its alternatives →

Also compare

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →