9.7
Spot Score
Collaborate, preview, and code faster with CodePen.
Add to compare
Starts from $8/Month when Billed Yearly, also offers free forever plan
Overview
Features
Pricing
Alternatives
Ratings
Media
Customers
Integrations
Support
FAQs
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+.
Starts from $8/Month when Billed Yearly
Individuals
Large Enterprises
Medium Business
Small Business
SaaS/Web/Cloud
View demo
Free Trial
Not available
CodePen Pricing
Starts from $8/Month when Billed Yearly
Offers free forever plan
Pricing Model
Freemium
Paid Plans (Subscription )
Pricing Plans
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
Show more +
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
Show more +
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
Show more +
Screenshots of the CodePen 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 .
User Review
Log in Required to View Reviews
AC
Anthony C
12/20/23
"An easy way to learn"
What do you like best about CodePen? It's very independent to work with. It helps you play with HTML C C S and java scripting, and it doesn't affect ...
Read more
JH
Jade H
11/21/23
"Easy to use and share"
What do you like best about CodePen? I love that it's quick to setup and customize to your individual needs. It's also easy to share your pens with ...
Read more
ML
Micah L
10/31/23
"Write Code Like Never Before (easiest tool for writing code)"
What do you like best about CodePen? How easy it makes coding! I have experience coding but when I need a leg up, CodePen is the way What do you ...
Read more
AU
Anonymous User
10/23/23
"Showcase Front end development code and edit them"
What do you like best about CodePen? CodePen is an fantastic tooling to create and share front end code to others. It suits the need to provide ...
Read more
IBM
Lyft
Microsoft
Grubhub
Airbnb
Netflix
Salesforce
Customer Service
Online
Location
Bend, Oregon
Stuck on something? We're here to help with all the questions and answers in one place.
CodePen is a Online IDE. CodePen offers the following functionalities:
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
