CodePen
By CodePen
Monthly,Yearly
Not Available
About Company
Pricing of CodePen
Free
USD 0
USD 0
- Unlimited public Pens and Collections
- Unlimited templates
- Debug view (requires log in)
- 1 project with 10 files
- Unlimited public Pens and Collections
- Unlimited templates
- Debug view (requires log in)
- 1 project with 10 files
Annual Starter
USD 12
/Month
USD 8
/Month
- 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
- 50 files/Project
- 1 deployed
- 2 person Collab Mode 10 person Professor Mode (Pens only)
- 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
- Includes features of Free plan
- plus
- Asset hosting 2 GB total storage 5 MB per file
- 2 GB
Annual Developer
USD 19
/Month
USD 12
/Month
- 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
- 150 files/Project
- 5 deployed
- 6 person Collab Mode 35 person Professor Mode (Pens only)
- 35 person Professor Mode (Pens only)
- Use your own domain for Projects
- 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
- 150 files/Pro
Annual Super
USD 39
/Month
USD 26
/Month
- 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
- 300 files/Project
- 20 deployed
- 10 person Collab Mode 100 person Professor Mode (Pens only)
- 100 person Professor Mode (Pens only)
- 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
- 300 files/Project
- 20 deployed
- 10 per
Annual Team (For Team)
USD 19
/User/Month
USD 12
/User/Month
- Asset hosting with 20 GB total storage 40 Projects with 300 files/project (20 Projects/member) 20 deployed Projects (10 per Team member)
- 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)
- 35 person Professor Mode (Pens only)
- Private Pens
- Projects
- and Collections
- No ads
- Unlimited templates
- Debug View (no log in required)
- L
Key Features of CodePen
- Refactoring
- Syntax Highlighting
- Code Completion
- Real-time Collaboration
- Debugger
- Source code editor
- Chat (Messaging)
- Drag and Drop
- Version Control
Specification
Other Categories:
Deployment:
Cloud Hosted
Customer Support:
Online (Ticket)
Customization:
No
Languages Support:
English
Who uses CodePen
SMEs
Enterprises
Company Details
- Company Name: CodePen
- Headquarter: Bend,
- Website: Visit Website
- Social Media:
Description
CodePen Video
Alternative
CodePen Screenshots
User Reviews 
Write a Review
A must have for any frontend developer
A must have for any frontend developer. With CodePen, you can quickly create concepts for your projects and practice your skills. You can even use frameworks like React and tools like Pug and Sass. The community is also great, you'll always get inspired by the crazy things people do with just CSS!
- William Addens
One of the best coding platforms ever.
One of the best coding platforms ever! Thanks, codepen! it is one 5/5 platform.
- Tiago Rangel de Sousa
Awesome customer support
This is a bit late of a review, but they deserve it, they provide an amazing service as well as amazing customer service. Something went wrong when I wanted to subscribe to their pro thingy and instead of monthly billing it went with annual billing, 99% sure I chose monthly though, but anyways, I was short on money and could not afford the annual option at that time, despite not having to they were really nice and gave me a refund for that, it might not sound like much but it was greatly appreciated and I am very grateful, I am now subscribing monthly and will continue to do so
- jonathan vigren
"A completely free and intuitive cloud development environment"
What do you like best?
What I liked most about CodePen is that it supports a wide variety of programming languages. Another feature that I like is that I can see other people's projects and use them as examples for future developments. Also, it is a totally free platform.
What do you dislike?
I have never found errors or defects in CodePen. Nor do I consider that there are characteristics that need to be improved, it is a very stable and powerful platform.
Recommendations to others considering the product:
CodePen is a great tool for testing and developing websites. I recommend it for being a totally free platform.
What problems are you solving with the product? What benefits have you realized?
I use CodePen to validate the code of our organization's website before uploading it to the web server. Previously we had to view website errors when it was already published, making the process of making improvements more cumbersome. In addition, it is an excellent tool to collaborate in the development of other projects and take ideas from the people who publish their websites.
- Alirio P
"The ideal sandbox to quickly test your code, save it, or even publish it for the wider community."
What do you like best?
CodePen's UI is amazingly intuitive and allows the user to quickly test their code snippets or even much more complex implementations. It allows to easily import any JS library you can find a link for and is quick to update itself while you write to see the results as you code it. Just Great!
What do you dislike?
While there are certain feature to come and aspects missing or could be potentially improved, there is really nothing to dislike, and I have come across some points in other competitor apps but CodePen is just a job well done.
Recommendations to others considering the product:
I've been using jsFiddle and other tool simultaneously for many years, as is my usual approach involving a long period of testing and searching to find the tool that ultimately survives the trials and meets my personal criteria in terms of functionality, usability, feature-richness and, general likability.
CodePen survived my harsh trails after many years of competing against other tools for exclusivity in my workflow, and it won with flying colors! I have become an authentic fan of the tool and although it might not be indispensable for my work I still love using it and it certainly eases up the development process; dare I say even it accelerates it.
I can only recommend this tool to any and all web developers and designers out there. It mades my workflow so much easier!
What problems are you solving with the product? What benefits have you realized?
I am often confronted with CSS and JS problems which I need to validate before implementation on my sites, and need to test. CodePen is perfect for this and allows me to sort out the bugs and issues before going straight to production.
- Aaron C
FAQ's
CodePen has 5 plans,
- Free USD 0
- Annual Starter USD 12 /Month
- Annual Developer USD 19 /Month
- Annual Super USD 39 /Month
- Annual Team (For Team) USD 19 /User/Month
CodePen is the Online IDE Used for the below functionalities
Top 5 CodePen features
- Refactoring
- Syntax Highlighting
- Code Completion
- Real-time Collaboration
- Debugger
CodePen provides Online (Ticket) support.
CodePen is not allowing Free Trial.