Browse Software
+ List Your Product
Loading...

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

Embed
Education
Editor Privacy
Video Thumbnail
Video Thumbnail
Video Thumbnail

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
    76%
  • Popularity
    94%

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

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

    73.1%
  • Very Good

    26.9%
  • Average

    0%
  • Poor

    0%
  • Terrible

    0%

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

https://codepen.io/

Social Media Handles

Customers

Airbnb
Netflix
Grubhub
IBM
Salesforce
Microsoft
Lyft

CodePen Integrations

Disclaimer

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

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.

icon

Buyers

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.

icon

Makers

Want more customers?

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

Get Listed