CodePen

Alternatives to CodePen

1. JSitor

   Free

   JSitor is a cloud-based code playground that allows web developers to write/share the web snippets as well NodeJS snippets. This supports almost all mainstream JavaScript, CSS and HTML frameworks....

   {{ alternatives[0].votes }}

   Show Details

2. jsFiddle

   Free

   jsFiddle is a cloud-based JavaScript code playground that allows web developers to tweak their code and see the results of this tweaking in real time. The editor supports not only JavaScript and i...

   {{ alternatives[1].votes }}

   Show Details

4. ShiftEdit

   Commercial

   While detailed, the website provides ways to edit and review various programs. You can create and publish information as well.

   {{ alternatives[2].votes }}

   Show Details

5. Plunker

   Free

   Plunker is a website where developers can collaborate on projects and share ideas amongst each other. Collaboration on programs is in real time so that developers can work together at the same time...

   {{ alternatives[3].votes }}

   Show Details

6. Codiad

   Free

   Codiad is an integrated development environment that is based entirely online and requires little in the way of advanced system hardware. It also has a relatively small footprint, which makes it l...

   {{ alternatives[4].votes }}

   Show Details

7. Koding

   Commercial

   Instantly create, share, scale, and manage development environments.

   {{ alternatives[5].votes }}

   Show Details

8. repl.it

   Freemium

   Powerful and simple online compiler, IDE, interpreter, and REPL. Code, compile, and run code in 30+ programming languages: Clojure, Haskell, Kotlin (beta), QBasic, Forth, LOLCODE, BrainF, Emoticon,...

   {{ alternatives[6].votes }}

   Show Details

9. CodeBunk

   Free

   CodeBunk is a flexible and collaborative compiler that makes the process of sharing your code with friends and testing potential job applicants simple.

   {{ alternatives[7].votes }}

   Show Details

10. SourceLair

    Freemium

    SourceLair is an online IDE that lets you code in more than 25 programming languages and frameworks, while it integrates with Git, GitHub and Heroku.

    {{ alternatives[8].votes }}

    Show Details

CodePen Reviews

My Opinion on CodePen

written by grex on 2018-03-31 08:05:01

Overall

Ease of Use

Customer Service

Value For Money

Overall Opinion: At first glance, CodePen looks like just another code playground. Its ad-supported free version is much like jsFiddle, and perhaps it is even more limiting. But it is the professional versions that really allow CodePen to shine. First, you get multiple projects in a full blown IDE, and these projects can be private. You also get asset hosting, which allows you to upload images and other files, so that you can really simulate a production web server. It also allows you to embed customized themes. But what makes CodePen really great are its real time tools. Its live view updates the application as you write code, and the collaboration mode allows multiple people to tweak the same code at the same time. It also has a teaching mode, allowing everyone — teacher and students alike — to interact all at once. The only real negative aspect of CodePen is that you have to pay for all its good features. The free plan is not only limited but it also has ads, and — unlike jsFiddle — you have to sign up for it.

Pros: Has incredible real time tweaking tools Comes with lots of support for JavaScript preprocessors, libraries and frameworks Has great collaboration tools

Cons: None of its best tools are available in the free edition The free edition has ads and requires registration

grex is using CodePen every other week recently.

Features

• Can create private projects
• Supports live views
• Allows ssset hosting
• Can embedded customized themes
• Has a collaboration mode
• Has a teaching mode

Screenshots

CodePen Videos

Comments

About This Article

More Software in Web Apps > Development

More Popular Web Apps