Top 12 Open-Source Alternatives to CodePen

Product categories

Cloud Hosting Code Collaboration Coding Developer Tools Development Development Tools IDE Productivity Programming Programming Tools Software Development Text Editors

Summary

The top open-source alternatives to CodePen are CodeSandbox, GitHub, and Visual Studio Code. One of the criteria for ordering this list is the number of mentions that products have on reliable external sources. You can suggest additional sources through the form here.

CodeSandbox Landing Page
1

CodeSandbox

Online playground for React
Pricing:
- Open Source
#Text Editors #Programming #Code Collaboration 300 social mentions
GitHub Landing Page
2

GitHub

Originally founded as a project to simplify sharing code, GitHub has grown into an application used by over a million people to store over two million code repositories, making GitHub the largest code host in the world.
Pricing:
- Open Source
#Code Collaboration #Git #Version Control 2039 social mentions
Visual Studio Code Landing Page
3

Visual Studio Code

Build and debug modern web and cloud applications, by Microsoft
Pricing:
- Open Source
#Text Editors #IDE #Software Development 1011 social mentions
JS Bin Landing Page
4

JS Bin

Sample of the bin:
Pricing:
- Open Source
#Programming #Programming Tools #Text Editors 23 social mentions
StackBlitz Landing Page
5

StackBlitz

Online VS Code Editor for Angular and React
Pricing:
- Open Source
#Text Editors #Programming #Programming Tools 98 social mentions
Glitch Landing Page
6

Glitch

Glitch is the friendly community where everyone builds the web. Simple, powerful interface for creating web apps.
Pricing:
- Open Source
- Free
- Free Trial
#Text Editors #Cloud Hosting #Code Collaboration 112 social mentions
Eloquent JavaScript Landing Page
7

EJS

Eloquent JavaScript

Free ebook for the JS Beginners
Pricing:
- Open Source
#Developer Tools #Text Editors #Productivity 210 social mentions
RegExr Landing Page
8

RegExr

RegExr.com is an online tool to learn, build, and test Regular Expressions.
Pricing:
- Open Source
#Programming Tools #Regular Expressions #Productivity 360 social mentions
Sublime Text Landing Page
9

Sublime Text

Sublime Text is a sophisticated text editor for code, html and prose - any kind of text file. You'll love the slick user interface and extraordinary features. Fully customizable with macros, and syntax highlighting for most major languages.
Pricing:
- Open Source
#Text Editors #IDE #Software Development 3 social mentions
code-crystals.tk
10

Code-Crystals.tk

CodeCrystals is a Free frontend coding website featuring a powerful editor and Live Hosting. Additional features include having the ability to browse through others' projects, communications, and much more.
Pricing:
- Open Source
#Development Tools #Programming #Programming Tools
LeetCode Landing Page
11

LeetCode

Practice and level up your development skills and prepare for technical interviews.
Pricing:
- Open Source
#Online Education #Online Learning #Online Courses 515 social mentions
Brackets Landing Page
12

Brackets

A modern, open source text editor that understands web design
Pricing:
- Open Source
#Text Editors #IDE #Software Development 47 social mentions