Open Source CodePen Alternatives

The best open source alternative to CodePen is JS Bin. If that doesn't suit you, our users have ranked more than 50 alternatives to CodePen and 19 is open source so hopefully you can find a suitable replacement. Other interesting open source alternatives to CodePen are CodeSandbox, flems.io, Plunker and kodeWeave.

CodePen alternatives are mainly Code Editors but may also be IDEs or Pastebin Services. Filter by these if you want a narrower list of alternatives or looking for a specific functionality of CodePen.

CodePen alternatives page was last updated

CodePen

110

Freemium • Proprietary
Code Editor

CodePen is a social development environment for front-end designers and developers. Build and deploy a website, show off...

More about CodePen

JS Bin
Is this is a good alternative?
Yes
No
Freemium • Open Source
Code Editor
Pastebin Service
Online
58 JS Bin alternatives
JS Bin is a collaborative open source JavaScript debugging tool. Enter Javascript in one pane and HTML in the other and see the result; share using a short URL. Choose popular JS libs from a menu, so you don't have to remember the URL.
- - JS Bin is the most popular Open Source alternative to CodePen.
Suggest and vote on features
JS Bin Features
Run code
Mobile friendly
Discontinued
Last GitHub commit on Oct 2021.

Opinions about JS Bin as a Alternative to CodePen
Most users think JS Bin is a great CodePen alternative.
CodeSandbox
Is this is a good alternative?
Yes
No
Freemium • Open Source
Code Editor
Online
22 CodeSandbox alternatives
CodeSandbox is an online editor with a focus on creating, sharing and importing new React projects
Suggest and vote on features
CodeSandbox Features
1. Syntax HighlightingCodeSandbox supports syntax highlighting for various programming and markup languages.
2. Git SupportCodeSandbox supports Git, a free and open source distributed version control system.
3. Live PreviewInstantly see what your files and documents look like as you create them.
GitHub integration
Support for NodeJS
Cloud IDE
Sandbox
React
Opinions about CodeSandbox as a Alternative to CodePen
Almost everyone thinks CodeSandbox is a great CodePen alternative.
flems.io
Is this is a good alternative?
Yes
No
Free • Open Source
Code Editor
Online
Self-Hosted
20 flems.io alternatives
Flems is a playground for web development. It's ideal for prototyping ideas & sharing working front-end code examples.
- - flems.io is the most popular Self-Hosted alternative to CodePen.
Suggest and vote on features
flems.io Features
1. No registration requiredYou can use most of the features in flems.io without registration.
2. Support for MarkDownflems.io supports MarkDown for document formatting.
3. Syntax Highlightingflems.io supports syntax highlighting for various programming and markup languages.
4. Real time collaborationMultiple users can work together in flems.io simultaneously.
5. Lightweightflems.io consumes less device resources compared to similar apps.
6. Live PreviewInstantly see what your files and documents look like as you create them.
Plunker
Is this is a good alternative?
Yes
No
Free • Open Source
Code Editor
Online
53 Plunker alternatives
Plunker is an online community for creating, collaborating on and sharing your web development ideas.
Suggest and vote on features
Plunker Features
Programmers Documentation
Opinions about Plunker as a Alternative to CodePen
Most users think Plunker is a great CodePen alternative.
kodeWeave
Is this is a good alternative?
Yes
No
Free • Open Source
Code Editor
IDE
Mac
Windows
Linux
Online
Android
Chrome OS
Android Tablet
54 kodeWeave alternatives
kodeWeave is a realtime coding playground for HTML, CSS and Javascript. Similar to JSFiddle and JSBin, but kodeWeave was made to work offline but also as a prototyping application to build applications for desktop operating systems while on mobile devices.
- - kodeWeave is the most popular Windows, Android, Mac, Linux & Android Tablet alternative to CodePen.
Suggest and vote on features
kodeWeave Features
1. No registration requiredYou can use most of the features in kodeWeave without registration.
2. PortablekodeWeave can be used from a USB stick or similar with no prior installation.
3. Real time collaborationMultiple users can work together in kodeWeave simultaneously.
Debugging
Test management
Discontinued
On their GitHub page: "As of July 25th 2017 kodeWeave is no longer an active project. All updates as of that date and on are solely contributor based implementations." Last update in November 2019.

Opinions about kodeWeave as a Alternative to CodePen
Some users think kodeWeave is a great CodePen alternative, some don't.
Codiad
Is this is a good alternative?
Yes
No
Free • Open Source
IDE
Code Editor
Self-Hosted
49 Codiad alternatives
Codiad is an open source, web-based, cloud IDE and code editor with minimal footprint and requirements
Suggest and vote on features
Codiad Features
Web-Based
Multiuser mode support
GitHub integration
Discontinued
"Given its age and number of viable alternatives now available, Codiad is no longer under active maintenance by core contributors."https://github.com/Codiad/Codiad/commit/19c9223d70ca0eb164b6891b6e1350c75a62e8f2
shelf.gg
Is this is a good alternative?
Yes
No
Free • Open Source
Pastebin Service
Mac
Windows
Linux
Online
Android
iPhone
Chrome OS
Android Tablet
Windows Phone
iPad
Self-Hosted
Linux Mobile
114 shelf.gg alternatives
shelf.gg is an open source pastebin that makes it easy to find and share lists of resources.
- - shelf.gg is the most popular iPhone & iPad alternative to CodePen.
Suggest and vote on features
shelf.gg Features
Content curation
Content Discovery
Try It Online (TIO)
Is this is a good alternative?
Yes
No
Free • Open Source
Online
Self-Hosted
46 Try It Online (TIO) alternatives
TIO is a family of online interpreters for an evergrowing list of practical and recreational programming languages.
Try It Online (TIO) has no features, suggest some!
Add a screenshot
HTMLhouse
Is this is a good alternative?
Yes
No
Free • Open Source
Code Editor
Website Builder
Self-Hosted
52 HTMLhouse alternatives
Publish HTML quickly with open source web editor, HTMLhouse. Use the editor / real-time preview to build your HTML page, and press publish when you're done. That's it! No sign up, no fuss.
Suggest and vote on features
HTMLhouse Features
1. Live PreviewInstantly see what your files and documents look like as you create them.
2. No registration requiredYou can use most of the features in HTMLhouse without registration.
Live css editing
Discontinued
The last release is from March 2018, and the website and Chrome extension are unavailable.
vscode.dev
Is this is a good alternative?
Yes
No
Free • Open Source
Code Editor
Online
Self-Hosted
21 vscode.dev alternatives
Online VScode editor.
Suggest and vote on features
vscode.dev Features
GitHub integration
Dabblet
Is this is a good alternative?
Yes
No
Free • Open Source
Code Editor
Online
40 Dabblet alternatives
dabblet is an interactive playground for quickly testing snippets of CSS and HTML code. It uses -prefix-free, so that you won't have to add any prefixes in your CSS code. You can save your work in Github gists, embed it in other websites and share it with others.
Suggest and vote on features
Dabblet Features
1. No registration requiredYou can use most of the features in Dabblet without registration.
Sandbox
Comments about Dabblet as a Alternative to CodePen
pros, cons and recent comments
Guest
It's purdy and doesn't have a lot of the fluff that CodePen does. Changes take place much faster here.
Positive comment•
0
Web Maker
Is this is a good alternative?
Yes
No
Free • Open Source
Code Editor
Online
Google Chrome
9 Web Maker alternatives
Web Maker is an easy, quick and offline web experiment playground available as a Chrome extension, with open source code available at GitHub.
Suggest and vote on features
Web Maker Features
Offline coding
Comments about Web Maker as a Alternative to CodePen
Almost everyone thinks Web Maker is a great CodePen alternative.
Triathlon
1- Simpler to use 2- Code highlighting 3- And what I was looking for is : html auto completion, css and JS auto-suggestion
Positive comment•
1

chinchang
Has almost all features of CodePen and even works offline.
Positive comment•
1