Browse Software
+ List Your Product

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

Editor Privacy
Video Thumbnail
Video Thumbnail
Video Thumbnail


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
  • Reviews
  • Momentum
  • Popularity

Platforms Supported

  • Browser Based (Cloud)

Organization Types Supported

  • All (Small, Medium, Large)
  • Individuals

API Support

  • Available

Modes of Support

  • Online

CodePen Awards

CodePen 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

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


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.


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


Screenshots of Vendor Pricing Page

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

View All CodePen Alternatives

CodePen Reviews

User Rating

4.6/5 (Based on 52 Ratings)

Ratings Distribution

  • Excellent

  • Very Good

  • Average

  • Poor

  • Terrible


Do You Use CodePen?

Write a Review

CodePen User Reviews

Videos on CodePen

CodePen Screenshots

CodePen FAQs

What is CodePen used for?

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.

What are the top alternatives for CodePen?

Does CodePen provide API?

Yes, CodePen provides API.

CodePen Contact

Vendor Details

Bend, Oregon Founded : 2012

Contact Details

Not available

Social Media Handles



CodePen Integrations


This research is curated from diverse authoritative sources; feel free to share your feedback at

We understand SaaS better

SaaSworthy helps stakeholders choose the right SaaS platform based on detailed product information, unbiased reviews, SW score and recommendations from the active community.



Looking for the right SaaS

We can help you choose the best SaaS for your specific requirements. Our in-house experts will assist you with their hand-picked recommendations.



Want more customers?

Our experts will research about your product and list it on SaaSworthy for FREE.

Get Listed