Home/Online IDE/CodePen

Updated on: August 13, 2022

OVERVIEW
AWARDS
FEATURES
TECHNICAL DETAILS
PRICING
ALTERNATIVES
REVIEWS
MORE
- Videos
- Screenshots
- Faq
- Articles
- Customers
- Integration
- Related

+ Compare Visit Website

View Gallery

COMPARE

CodePen

Official Website Get going with securely generated codes and websites

(52 Ratings) Write Review

What is CodePen and how does it work?

CodePen is an explicit, online code generating and editing platform for front-end developers and designers. Thus enabling them to build test cases to debug and learn, deploy websites and show off their work as well. A comprehensive editor tool featured by the same, lets users test animations and features by isolating codes as per their business needs. Enabled professor mode, lets students see and learn the entire code creation process. Moreover, users also get to share their talent with an international community of experts, by activating the presentation mode. Members working with large teams can use CodePen to upload assets, apply custom CSS to profiles, posts and embeds, besides leveraging features like collab mode, live view etc. The software with its drag and drop interface lets users add in JSON, CSS, media files and SVGs, in their project. Non-indexable, unguessable and non-searchable URLs deployed by CodePen, assures proper safety and security.

FOLLOWERS

CodePen Awards

CodePen Features Show All Features

Online IDE Features

Syntax Highlighting
Code Completion
Real-time Collaboration
Debugger
Source code editor
Chat (Messaging)
Drag and Drop
Refactoring
Version Control

CodePen Technical details

Support	Online	Customer Type	Individuals Large Enterprises Medium Business Small Business
API		Location / Phone Number	Bend, Oregon
Deployment	SaaS/Web/Cloud	Category	Online IDE

CodePen Pricing

Pricing ModelFreemium , Subscription

MONTHLY YEARLY

Free

Features

Unlimited public Pens and Collections
Unlimited templates
Debug view (requires log in)
1 project with 10 files

Annual Starter

$8 /Month Billed Yearly

$96 billed yearly

Features

Includes features of Free plan, plus
Asset hosting
- 2 GB total storage
- 5 MB per file
10 Projects
- 50 files/Project
- 1 deployed
2 person Collab Mode
- 10 person Professor Mode (Pens only)
Unlimited Private Pens, Collections, and Projects.
Unlimited embed themes with custom CSS
No ads
No-Login Pen Debug View
Live View

Annual Developer

$12 /Month Billed Yearly

Feature

Includes features of Starter plan, plus
Asset hosting
- 10 GB total storage
- 10 MB per file
25 Projects
- 150 files/Project
- 5 deployed
6 person Collab Mode
- 35 person Professor Mode (Pens only)
Use your own domain for Projects

Annual Super

$26 /Month Billed Yearly

Features

Includes features of Developer plan, plus
Asset hosting
- 20 GB total storage
- 15 MB per file
50 Projects
- 300 files/Project
- 20 deployed
10 person Collab Mode
- 100 person Professor Mode (Pens only)

Annual Team (For Team)

$12 /User/Month Billed Yearly

For 2 Users

All Team Members share access to the Team Account, which has its own profile. That way everyone can work together, sharing access to editing Assets, Pens, Projects, and Collections.

Features

Asset hosting with 20 GB total storage
- 40 Projects with 300 files/project (20 Projects/member)
- 20 deployed Projects (10 per Team member)
Use your own domain for 20 Projects (10 per Team member)
10 person Collab Mode (Pens only)
- 35 person Professor Mode (Pens only)
Private Pens, Projects, and Collections
No ads
Unlimited templates
Debug View (no log in required)
Live View
Unlimited embed themes with custom CSS

Screenshot of the Vendor Pricing Page

View Full Screen

Disclaimer: The pricing details were last updated on 15/09/2021 from the vendor website and may be different from actual. Please confirm with the vendor website before purchasing.

Learn more about CodePen pricing.

CodePen Alternatives CodePen Alternatives

(2 RATINGS)

CodeSandbox CodeSandbox is an online web development software that can create, share and get feedback using... read more Visit Website
CodePen vs CodeSandbox

(27 RATINGS)

Replit Repl.it is a software development platform that enables developers to create, distribute, and... read more Visit Website
CodePen vs Replit

(6700 RATINGS)

GitHub GitHub is a software development platform for individual developers and companies to build, ship... read more Visit Website
CodePen vs GitHub

Candidate Code Candidate Code makes taking coding tests at home simple. Setup a git repository with one click and... read more Visit Website
CodePen vs Candidate Code

Glitch Glitch software is a platform used to create web project in your browser. The software offers tools... read more Visit Website
CodePen vs Glitch

(2384 RATINGS)

Eclipse Che Eclipse Che is a Cloud Integrated development environment software with developer workspace server... read more Visit Website
CodePen vs Eclipse Che

(2126 RATINGS)

IntelliJ IDEA IntelliJ IDEA features a proficient IDE (Integrated development environment) for web, mobile and... read more Visit Website
CodePen vs IntelliJ IDEA

(215 RATINGS)

AWS Cloud9 AWS Cloud9 IDE software comes designed with collaborative coding tools and extends its support to... read more Visit Website
CodePen vs AWS Cloud9

(2921 RATINGS)

Visual Studio IDE Microsoft’s Visual Studio is an integrated development environment and coding editor that helps... read more Visit Website
CodePen vs Visual Studio IDE

(35 RATINGS)

Repl.it Repl.it is a simple online compiler, IDE, interpreter, and REPL. Code live together with a solid... read more Visit Website
CodePen vs Repl.it