Alternatives to CodePen
An online editor for writing HTML, CSS and JavaScript and previewing the result live. The listings below can replace it for an important use case. Each note says what changes if you switch.
The original
CodePen
An online editor for writing HTML, CSS and JavaScript and previewing the result live.
Replacements
Listings that take over the same core job as CodePen.
StackBlitz
A browser-based IDE that runs full-stack Node.js web projects entirely inside the browser tab.
StackBlitz is a hosted browser IDE that runs full-stack Node.js projects in the tab, handling larger web projects than CodePen demos, and needs a modern browser with WebAssembly.
Phoenix Code
An open-source code editor for web development that continues the Brackets project, with live preview.
Phoenix Code is an open-source web editor with live preview that runs in a browser or on the desktop, keeping files as projects rather than hosted shareable pens.
Also worth comparing
These listings name CodePen as their own alternative, so the relationship runs both ways.
JSFiddle
An online playground for writing and testing HTML, CSS, JavaScript, React and Tailwind snippets.
CodePen also offers a browser editor with live HTML, CSS and JavaScript preview and shareable links, as a proprietary freemium hosted service.
Similar software
Related functionality, not a direct replacement.
code-server
Use a VS Code-based workspace through your browser.
JupyterLab
A web-based interactive environment for notebooks, code and data, used widely in data science.
Bluefish
A lightweight open-source code and text editor for programmers and web developers.
OpenVSCode Server
Upstream VS Code packaged to run on a remote machine and be used from a web browser.
