Home/Online IDE/CodePen
Updated on: August 13, 2022
CodePen - Online IDE
View Gallery
97% The SW Score ranks the products within a particular category on a variety of parameters, to provide a definite ranking system. Read More

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.

CodePen Awards

CodePen Features Show All Features

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
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

92% The SW Score ranks the products within a particular category on a variety of parameters, to provide a definite ranking system. Read More
CodeSandbox
(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
92% The SW Score ranks the products within a particular category on a variety of parameters, to provide a definite ranking system. Read More
Replit
(27 RATINGS)
Replit Repl.it is a software development platform that enables developers to create, distribute, and... read more
Visit Website
CodePen vs Replit
98% The SW Score ranks the products within a particular category on a variety of parameters, to provide a definite ranking system. Read More
GitHub
(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 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 Glitch software is a platform used to create web project in your browser. The software offers tools... read more
Visit Website
CodePen vs Glitch
98% The SW Score ranks the products within a particular category on a variety of parameters, to provide a definite ranking system. Read More
Eclipse Che
(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
98% The SW Score ranks the products within a particular category on a variety of parameters, to provide a definite ranking system. Read More
IntelliJ IDEA
(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
97% The SW Score ranks the products within a particular category on a variety of parameters, to provide a definite ranking system. Read More
AWS Cloud9
(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
97% The SW Score ranks the products within a particular category on a variety of parameters, to provide a definite ranking system. Read More
Visual Studio IDE
(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
95% The SW Score ranks the products within a particular category on a variety of parameters, to provide a definite ranking system. Read More
Repl.it
(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

CodePen Reviews

OVERALL RATING
4.6
Based on 52 Rating(s)
Rating Distribution
  • 73.1 %
  • 26.9 %
  • 0 %
  • 0 %
  • 0 %
SHARE YOUR EXPERIENCE Write a Review
Read All Reviews

Videos on CodePen

Asset Hosting on CodePen PRO
Asset Hosting on CodePen PRO
CodePen Pen Exports (with Build Process!)
Using CodePen's Live View
How Privacy Works on CodePen

CodePen Screenshots

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

CodePen FAQs

CodePen is Online IDE. CodePen offers the following functionalities:

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

Learn more about CodePen features.

Yes, CodePen provides API.

Articles on CodePen

Guides
Integrated Development Environment, or IDEs, are software platforms that combine a full range of... read more

Customers

Airbnb
Airbnb
Netflix
Netflix
Grubhub
Grubhub
IBM
IBM
Salesforce
Salesforce
Microsoft
Microsoft
Lyft
Lyft

CodePen Integration

98%
WordPress
(14473 RATINGS) Website Builder Software

Disclaimer

The research is compiled using multiple sources, let us know of any feedback on feedback@saasworthy.com