site-logo
Updated on :
CodePen - Online IDE

CodePen

Get going with securely generated codes and websites

Starts from $8/Month when Billed Yearly, also offers free forever plan

9.7/10

Spot Score

Overview of CodePen

What is CodePen ?

CodePen is an online development environment for front end development. This IDE provides features that make development faster and easier including live reload, real time preview, and collaboration. Make faster progress by sharing code with others, making it easy to ... Read More

API available

CodePen Platforms

  • Browser Based (Cloud)

CodePen Customer Type

  • Individuals
  • Large Enterprises
  • Medium Business
  • Small Business

CodePen Features

Show All

Pricing of CodePen

Starts from $8 when Billed Yearly, also offers free forever plan

  • Freemium,
  • Subscription

Yearly plans

Show all features

Free

  • Unlimited public Pens and Collections

  • Unlimited templates

  • Debug view (requires log in)

  • 1 project with 10 files

Annual Starter

$8

/Month

  • Includes features of Free plan, plus

  • Asset hosting 2 GB total storage 5 MB per file

  • 2 GB total storage

  • 5 MB per file

  • 10 Projects 50 files/Project 1 deployed

  • 50 files/Project

  • 1 deployed

  • 2 person Collab Mode 10 person Professor Mode (Pens only)

Annual Developer

$12

/Month

  • Includes features of Starter plan, plus

  • Asset hosting 10 GB total storage 10 MB per file

  • 10 GB total storage

  • 10 MB per file

  • 25 Projects 150 files/Project 5 deployed

  • 150 files/Project

  • 5 deployed

  • 6 person Collab Mode 35 person Professor Mode (Pens only)

Annual Super

$26

/Month

  • Includes features of Developer plan, plus

  • Asset hosting 20 GB total storage 15 MB per file

  • 20 GB total storage

  • 15 MB per file

  • 50 Projects 300 files/Project 20 deployed

  • 300 files/Project

  • 20 deployed

  • 10 person Collab Mode 100 person Professor Mode (Pens only)

Free

  • Unlimited public Pens and Collections

  • Unlimited templates

  • Debug view (requires log in)

  • 1 project with 10 files

Annual Starter

$12

  • Includes features of Free plan, plus

  • Asset hosting 2 GB total storage 5 MB per file

  • 2 GB total storage

  • 5 MB per file

  • 10 Projects 50 files/Project 1 deployed

  • 50 files/Project

  • 1 deployed

  • 2 person Collab Mode 10 person Professor Mode (Pens only)

Annual Developer

$19

  • Includes features of Starter plan, plus

  • Asset hosting 10 GB total storage 10 MB per file

  • 10 GB total storage

  • 10 MB per file

  • 25 Projects 150 files/Project 5 deployed

  • 150 files/Project

  • 5 deployed

  • 6 person Collab Mode 35 person Professor Mode (Pens only)

Annual Super

$39

  • Includes features of Developer plan, plus

  • Asset hosting 20 GB total storage 15 MB per file

  • 20 GB total storage

  • 15 MB per file

  • 50 Projects 300 files/Project 20 deployed

  • 300 files/Project

  • 20 deployed

  • 10 person Collab Mode 100 person Professor Mode (Pens only)

Screenshot of the CodePen Pricing Page (Click on the image to visit CodePen 's Pricing page)

Disclaimer: Pricing information for CodePen is provided by the software vendor or sourced from publicly accessible materials. Final cost negotiations and purchasing must be handled directly with the seller. For the latest information on pricing, visit website. Pricing information was last updated on .

CodePen Alternatives

8.3/10

Spot Score

ShiftEdit - Online IDE

ShiftEdit

Online IDE

A robust online IDE software for web developers

9.3/10

Spot Score

Repl.it - Online IDE

Repl.it

Online IDE

Stop wasting time setting up a development

7.8/10

Spot Score

CodeTogether - Online IDE

CodeTogether

Online IDE

LIVE SHARE IDES AND CODING SESSIONS. SEE CHANGES I...

9.1/10

Spot Score

CodeSandbox - Online IDE

CodeSandbox

Online IDE

Accelerate your web development process with CodeS...

9.2/10

Spot Score

Replit - Online IDE

Replit

Online IDE

Idea to software, fast

7.7/10

Spot Score

Codigo - Online IDE

Codigo

Online IDE

The easy way to learn to code

7.7/10

Spot Score

Anyfiddle - Online IDE

Anyfiddle

Online IDE

Create, run and share codes with Anyfiddle

7.5/10

Spot Score

Pseudocode Editor - Online IDE

Pseudocode Editor

Online IDE

A Revolutionary Online Pseudocode IDE and Compiler

CodePen Rating and Reviews

Based on 94 ratings & 5 reviews

4.4 / 5

5

0

0

0

0

5 reviews

user-img

William Addens

11/13/21

A must have for any frontend developer

Source : trustpilot.com

user-img

Tiago Rangel de Sousa

04/01/21

One of the best coding platforms ever.

One of the best coding platforms ever! Thanks, codepen! it is one 5/5 platform.

Source : trustpilot.com

user-img

jonathan vigren

09/14/20

Awesome customer support

Source : trustpilot.com

user-img

Pierre F.

02/05/20

Excellent platform

Source : trustpilot.com

user-img

Alan

06/20/17

Fantastic site, a must have for any front end dev!

Source : trustpilot.com

CodePen Media

CodePen Images

Embed-thumb
Education-thumb
Editor Privacy-thumb
Collab Mode-thumb
Build Entire Projects-thumb
Editor Preview screenshot-thumb
Asset Hosting screenshot-thumb

CodePen Videos

CodePen video
CodePen video
CodePen video
CodePen video

CodePen Integrations

CodePen Customers

IBM-logo

IBM

Lyft-logo

Lyft

Microsoft-logo

Microsoft

Grubhub-logo

Grubhub

Airbnb-logo

Airbnb

Netflix-logo

Netflix

Salesforce-logo

Salesforce

Compare CodePen with alternatives

CodePen FAQs

CodePen is a Online IDE. CodePen offers the following functionalities:
  • Syntax Highlighting
  • Code Completion
  • Real-time Collaboration
  • Debugger
  • Source code editor
Read More
Here's a list of the best alternatives for CodePen
Yes, CodePen provides API.
No, CodePen doesn’t provide mobile app.
CodePen is located in Bend, Oregon
CodePen offers Freemium, Subscription pricing models
Yes, CodePen can integrate withRead More

CodePen Support

Customer Service

Online

Location

Bend, Oregon

Reach out to CodePen Social channels

Read More about CodePen

CodePen is an online development environment for front end development. This IDE provides features that make development faster and easier including live reload, real time preview, and collaboration. Make faster progress by sharing code with others, making it easy to review and discuss code. CodePen is free to use on any project, big or small. No need for installs. Works in all modern browsers - Chrome, Safari, Firefox and IE8+.

Disclaimer: This research has been collated from a variety of authoritative sources. We welcome your feedback at [email protected].

Researched by Rajat Gupta