CodePen Pricing, Reviews and Features (February 2024)

About CodePen

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.

Screenshots & Videos

Pricing

Free Trial Not Available
Starts at $8.00. Offers Free-forever plan.
View Detailed Pricing

SW Score Breakdown The SW Score breakdown shows individual score for product features.Read More

Features The Feature Score % is calculated using the weighted average method, where core features hold more weight in the final calculation. Read More

94%
Reviews

82%
Momentum

66%
Popularity

93%

Platforms Supported

Browser Based (Cloud)

Organization Types Supported

All (Small, Medium, Large)
Individuals

API Support

Available

Modes of Support

Online

CodePen Awards

# 3 Most Worthy Software Online IDE
Q4 2021

# 4 Fastest Growing Software Online IDE
Q4 2021

# 3 Most Popular Software Online IDE
Q4 2021

CodePen Features

Show Feature Explanation

Show Missing Features

Online IDE Features

Features: The Feature Score % is calculated using the weighted average method, where core features hold more weight in the final calculation. Read More

94%

Syntax Highlighting

Highlights code syntaxes to display the connection between the different syntaxes

Code Completion

Autocompletes the code syntaxes to facilitate an error-free and user-friendly coding

Real-time Collaboration

Helps more than one person to work on the same file simultaneously

Debugger

Helps in detection and correction of errors in an application

Source code editor

Enables writing and editing the source code of an application

Chat (Messaging)

Allows users to collaborate better by exchanging views and collect information through chatting or texting

Drag and Drop

Makes designing easy by simple drag and drop of symbols and elements.

Refactoring

Helps to restructure code without changing the external behavior of the application

Version Control

It gives the team the ability to recall specific versions of a document, code, content, file, or folder that records changes over time.

CodePen Pricing

Free Trial

Not available

Pricing Options

Freemium ( Limited Features )

Premium Plans ( Subscription )

Pricing Plans

MONTHLY YEARLY

Free Free

Features

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

Annual Starter $8.00 $12.00 per month

$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.00 $19.00 per month

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.00 $39.00 per month

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.00 $19.00 per user / month

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

Screenshots of Vendor Pricing Page

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.