# CodePen Reviews **Vendor:** CodePen **Category:** [Text Editor Software](https://www.g2.com/categories/text-editor) **Average Rating:** 4.6/5.0 **Total Reviews:** 96 ## About CodePen CodePen is a social development environment for front-end designers and developers. ## CodePen Reviews ### 1. Best Online Code Editor for Web Development **Rating:** 5.0/5.0 stars **Reviewed by:** PRANJUL C. | Student, Small-Business (50 or fewer emp.) **Reviewed Date:** April 26, 2022 **What do you like best about CodePen?** Codepen 's User-InterFace is very simple for any beginner who wants to practice web development or wants to share their code can easily share their code. There are millions of Users from which we get help in our code. **What do you dislike about CodePen?** we can't use any external links in the free plan. We can't directly upload on Github. it should have an option to push the code directly on GitHub.It's auto suggestion is not as much as good as offline editor like vs code. **What problems is CodePen solving and how is that benefiting you?** I make the front end of websites from codepen. whenever I have to use just HTML, CSS and JavaScript then only I use it. it is very handy and easy to make the frontend of websites. ### 2. Very good for web development **Rating:** 3.5/5.0 stars **Reviewed by:** Jamal B. | Frontend web development, Small-Business (50 or fewer emp.) **Reviewed Date:** July 19, 2022 **What do you like best about CodePen?** It has all the features I need such as live code ide **What do you dislike about CodePen?** You can't make folders etc in the code so no multi page work **What problems is CodePen solving and how is that benefiting you?** It's helping me see the code right after I type it ### 3. Codepen is very goood **Rating:** 5.0/5.0 stars **Reviewed by:** Quante L. | Frontend for, Small-Business (50 or fewer emp.) **Reviewed Date:** July 23, 2022 **What do you like best about CodePen?** Easy online access to the live code editor **What do you dislike about CodePen?** Threre is nothing I really dislike it's all amazing stuff **What problems is CodePen solving and how is that benefiting you?** It's helping us make our website simply ### 4. Real-time Web simulator that makes coding easy **Rating:** 4.5/5.0 stars **Reviewed by:** ABHAY G. | F, Small-Business (50 or fewer emp.) **Reviewed Date:** March 26, 2022 **What do you like best about CodePen?** The best feature I find about good and its support to auto completion and real time updation of the preview which makes that development super fast. The another feature i like is profile section for each developer where we can connect and showcase our work. **What do you dislike about CodePen?** As a being a text editor it does not allow the extensions and using snippets on its text editor it lags and too much behind other text editors present either online or offline. **What problems is CodePen solving and how is that benefiting you?** With Codepen one can code in any of the web development language like babel, js, jquery etc and it is also easy to maintain, deploy and share your code alone along the other fellow developers and clients ### 5. Great Online Code Editor **Rating:** 4.0/5.0 stars **Reviewed by:** Khawaja A. | Senior Software Engineer, Small-Business (50 or fewer emp.) **Reviewed Date:** December 13, 2021 **What do you like best about CodePen?** Codepen makes it so easy to code and test different solutions on the go, I find it so amazing that I can code anytime anywhere. You can easily log in and open the Codepen website and test your code and also share it as well, everything on the go. I have been using it to collaborate with my team now and it has increased productivity multiple times. **What do you dislike about CodePen?** There is not much to dislike but I would like CodePen to improve its UI. They can do so much with the concept they have but I think they have not yet improvised that much from the UI perspective. **What problems is CodePen solving and how is that benefiting you?** I am testing my code on the go, I can search for solutions online and test them instantly on Codepen. I can easily share my code with my team and we do not need to have the same IDE or anything as such. It has saved a lot of time for me. ### 6. Best online code editor **Rating:** 4.0/5.0 stars **Reviewed by:** Devinder Singh G. | Group Lead, Mid-Market (51-1000 emp.) **Reviewed Date:** February 17, 2022 **What do you like best about CodePen?** Codepen makes me to code without limitations , amazing fact that all i need to do is to login and start coding on codepen website also this provides me the facility to test the different solutions and which increases productivity **What do you dislike about CodePen?** I love the codepen but if codepen works on to make user interface bit to intract **Recommendations to others considering CodePen:** If you want to practice or want to code on the go then codepen is one for you **What problems is CodePen solving and how is that benefiting you?** Befoee moving my code to any environment like Dev,Demo etc. i can check my code on the go and provide the same to integration team to deploy this Another facts you can use anyone system to use codepen ### 7. Great Community, User Friendly and Editor syntax highlighting **Rating:** 4.5/5.0 stars **Reviewed by:** Verified User in Education Management | Mid-Market (51-1000 emp.) **Reviewed Date:** April 22, 2022 **What do you like best about CodePen?** Best thing is code pen's community there are large number of frontend code snippets availiable. For the editor it is easily integrable in many site and easy to use. **What do you dislike about CodePen?** Some times convertinf scss,etc to css is not syntactically correct. **Recommendations to others considering CodePen:** Great editor for testing frontend components on a go, as well as great community to take inspiration for a frontend component **What problems is CodePen solving and how is that benefiting you?** Writing code snippets to test frontend components on a go, using the components shared by the community to take inspiration. ### 8. Outstanding editor **Rating:** 5.0/5.0 stars **Reviewed by:** Sumit C. | Analyst-Global Test Factory, Small-Business (50 or fewer emp.) **Reviewed Date:** March 11, 2022 **What do you like best about CodePen?** It gives me ready to use component such as hamburger, navigation,etc. Also I can make my component and anyone can see it and use it. **What do you dislike about CodePen?** While creating component space requirements is more as of now it is less. **What problems is CodePen solving and how is that benefiting you?** I can get already created component to use in my website also I can get a idea how to create any component. ### 9. Very good online editor for the front end developers **Rating:** 4.0/5.0 stars **Reviewed by:** Ashvin C. | Senior Software Engineer, Enterprise (> 1000 emp.) **Reviewed Date:** January 29, 2022 **What do you like best about CodePen?** The thing which I liked best about codepen is that you can use it online without installing anything on your system. It helps us too much when we need to run a simple code snippet just to check if it is working properly or not. **What do you dislike about CodePen?** Two things which I dislike about codepen, one is Pro (premium) version required to keep work private and use external links properly, and second is many tools but not all are useful **What problems is CodePen solving and how is that benefiting you?** The problem which I solve mostly is running the code snipped of javascript and jQuery to check so that when I integrate the code snippet with the main code then it will work as expected. ### 10. Best online editor **Rating:** 5.0/5.0 stars **Reviewed by:** Saunak S. | Senior Full Stack Developer, Small-Business (50 or fewer emp.) **Reviewed Date:** January 29, 2022 **What do you like best about CodePen?** What I liked about the CodePen is it's free and open source. I can easily showcase my code sample. I can easily write code in many languages, east to maintain code, and the best part of CodePen is very easy to use. **What do you dislike about CodePen?** CodePen is a cloud-based editor so it is slow when open the first time. It does not provide autosuggestions. I need to buy a pro subscription to add an external link to work. **What problems is CodePen solving and how is that benefiting you?** I can share code with anyone easily. I can invite as a collaborating the project and we have a console, real-time output. I can easily test the code before making code live. ### 11. Best online editor **Rating:** 5.0/5.0 stars **Reviewed by:** Vikash K. | Frontend Developer, Small-Business (50 or fewer emp.) **Reviewed Date:** March 26, 2022 **What do you like best about CodePen?** Because it is easy to use. Its interface is quite good. **What do you dislike about CodePen?** Sometimes adding dependency and layout create issue. **Recommendations to others considering CodePen:** yes **What problems is CodePen solving and how is that benefiting you?** I mostly use codepen to show my code snippets to other people. Apart from that i also use it for saving code online. ### 12. Helpful to test writing code snippets **Rating:** 4.5/5.0 stars **Reviewed by:** Verified User in Computer Software | Small-Business (50 or fewer emp.) **Reviewed Date:** July 10, 2022 **What do you like best about CodePen?** CodePen supports all the programming languages that I know, so I never have to use any other online code editor. **What do you dislike about CodePen?** Compiling in Java is a bit slow, so even a single line of code takes 10-15 seconds to run, which is slightly disappointing. **What problems is CodePen solving and how is that benefiting you?** CodePen helps while taking interviews to test the code written by the interviewees. ### 13. Messy **Rating:** 3.0/5.0 stars **Reviewed by:** Verified User in Computer Software | Small-Business (50 or fewer emp.) **Reviewed Date:** January 29, 2022 **What do you like best about CodePen?** I like that it is readily shareable and linked to my profile. Easy to share small bits of code. **What do you dislike about CodePen?** I dislike how messy it is. I dislike that appearance of it. I don't like working in a codepen. It's not a smooth experience. It's annoying. **Recommendations to others considering CodePen:** I don't recommend this. I prefer other methods to showcase my work. It can be more useful for frontend developers. **What problems is CodePen solving and how is that benefiting you?** It's a good way to showcase my work. But I prefer not to use it that much because I don't like it. But I know I should. I don't feel productive. ### 14. The best IDE ever **Rating:** 4.5/5.0 stars **Reviewed by:** Saba K. | Associate Software Engineer, Mid-Market (51-1000 emp.) **Reviewed Date:** July 23, 2021 **What do you like best about CodePen?** Codepen has always been one of the best IDEs. The fact that it reflects your changes within a fraction of seconds, without you explicitly reloading or saving the code, is just amazing. And since it's open-source sharing and editing your or others' codes is quite an impressive feature. Codepen is just amazing for any developer, it's a boon. **What do you dislike about CodePen?** Honestly, I don't dislike anything about codepen. Since it's such a unique IDE. The only thing I feel it lacks is the support of multiple languages or frameworks. If codepen supported almost all coding languages, then it would have been the best IDE of all. **Recommendations to others considering CodePen:** Codepen being one of the best IDEs, there is no way any software developer out there haven't use it. If not, I guess now is the time to choose Codepen . It's just an amazing application and you can never resist using it once you start using it. Easily share all your projects with others, and collabora`te effectively. **What problems is CodePen solving and how is that benefiting you?** Codepen is pretty helpful and exciting to use. I use it every day to test my codes immediately, without wasting time setting up the environment or opening any local IDEs. The output changes as you type, hence it saves a lot of time, and you can see your code working in real-time. It is also useful when you need to collaborate with others; being open-source is one of the best things. Being a developer, I know how helpful Codepen is. Creating projects, sharing them with others, testing codes in real-time, etc. all these features are what one needs. ### 15. Good tool to showcase your ui code snippets to the community **Rating:** 4.5/5.0 stars **Reviewed by:** Khan Nida Khanum A. | Software Engineer, Enterprise (> 1000 emp.) **Reviewed Date:** July 22, 2021 **What do you like best about CodePen?** It is a very good tool for developers, espcially frontend devs to create small code snippets and showcase theri ui code snippets to the codepen community. The ui is simple to use without any configuration. You can even create templates that can have pre exisiting configurations for your projects like templates for react, html, js projects. You can search code snippets with the help of keywords. **What do you dislike about CodePen?** The code intellisense and code editor iss not that great when compared to other tool like codesandbox. You have restrictions for free users with the features however most of the time you don't really need paid subscription. Also, they don't support backend languages , that is something to look forward to in future. **What problems is CodePen solving and how is that benefiting you?** For small code snippets for plain html, css and js it is a good tool .since codepen has a vast community it is good to network through your code snippets. It is more a social collaboration for the developers where they showcase their ui code snippets ### 16. Perfect tool to online learn and grow HTML/CSS/JS **Rating:** 5.0/5.0 stars **Reviewed by:** Yokesh J. | Unity3D Design And Developer, Small-Business (50 or fewer emp.) **Reviewed Date:** January 08, 2022 **What do you like best about CodePen?** See the changes you make in the code in real-time; get hundreds of pre-built resources to use; Rider is the tool I use along with this, but you cannot get the live output of cope pen in any other competitors. **What do you dislike about CodePen?** At was it was a little hard to get started, then it was piece of cake, Autofill is missing features for code pen, and this can beat the competitor like the kind for web development **What problems is CodePen solving and how is that benefiting you?** Real-time building web apps and websites, seeing output realtime is the benefit, it saves a lot of time and increases my productivity and performance to skyrocket. ### 17. Amazing Code Editor **Rating:** 5.0/5.0 stars **Reviewed by:** Peter G. | Technology Manager, Mid-Market (51-1000 emp.) **Reviewed Date:** November 12, 2021 **What do you like best about CodePen?** It's the best cod editor out there! If you're looking to learn how to code, CodePen is the best place to start. It's very easy to use and has many features, like an online community where you can share your work and get feedback. It's also great because you can test your code in real-time. **What do you dislike about CodePen?** The fact that it's a web-based code editor means that there's going to be some limitations with some of the things that you can execute. But nevertheless, it's also very convenient to have your code editor be in the browser. **What problems is CodePen solving and how is that benefiting you?** CodePen is great for checking out CSS code and programming on the fly. If you program in other languages, then CodePen can pretty much handle any language that you throw at it. ### 18. How efficient codepen for future **Rating:** 4.0/5.0 stars **Reviewed by:** Darshan T. | Software Engineer, Small-Business (50 or fewer emp.) **Reviewed Date:** January 07, 2022 **What do you like best about CodePen?** It's a free and open source, we can easily write code in different programming languages, easy to maintain code and best part of this software is that is it's very easy to use **What do you dislike about CodePen?** It's not provide auto suggestions for languages like javascript or python, it's little bit slow when start for first time, just improve performance of this editor that's it **What problems is CodePen solving and how is that benefiting you?** I write project code for my interview so I can easily use everywhere and show to my interviewer. And the great thing is I got hired thank code pen for giving suh a great thing for free ### 19. Best open-sourced online code editor **Rating:** 4.5/5.0 stars **Reviewed by:** Atulya S. | Product designer, Accounting, Small-Business (50 or fewer emp.) **Reviewed Date:** July 13, 2021 **What do you like best about CodePen?** Codepen is an easy and beginner friendly online editor. One can view all the changes / additions they have made in the code in real-time. Also it is an excellent platform for sharing your code with fellow mates through a single link. The interface is very easy to use and understand. **What do you dislike about CodePen?** The changes applied sometimes take time to load and apply. Also we require to buy the pro version to make the external links work properly. **What problems is CodePen solving and how is that benefiting you?** Codepen is an excellent onlline text editor for front-end development. It is extremely beginner friendly and to view real time changes that a person has made to the code, thus one does noy require to keep refreshing a web page to see the output. All the saved pens are easily accessble and for future requirement. It is excellent for sharing your code or showing your output to your fellow mates. ### 20. Best online text editor **Rating:** 4.0/5.0 stars **Reviewed by:** Parth S. | SDE , Small-Business (50 or fewer emp.) **Reviewed Date:** January 19, 2022 **What do you like best about CodePen?** Online text editor with real-time output in a separate window. It also allows collaborations with other developers. **What do you dislike about CodePen?** Does not support react or other NPM based frameworks yet. also doesn't allow installing libraries like its alternatives like code sandbox **What problems is CodePen solving and how is that benefiting you?** online codesharing and collaborating with others and do projects and view output in realtime ### 21. Easy to share code with co-workers **Rating:** 3.5/5.0 stars **Reviewed by:** sudhakar R. | Wordpress Developer, Small-Business (50 or fewer emp.) **Reviewed Date:** November 04, 2021 **What do you like best about CodePen?** It's easy to share our codes with co-workers and friends, and also there are a lot of programmers on the platform who share their reusable codes which can be used for multiple projects **What do you dislike about CodePen?** Till now I haven't experienced any dislikes or any difficulties in the platform. **What problems is CodePen solving and how is that benefiting you?** code sharing and saving some reusable code is easier with this platform also it's easy to access it from any device, also it is very helpful that a lot of programmers shared their work on this platform ### 22. Best online coding platform for practise and interviews **Rating:** 4.0/5.0 stars **Reviewed by:** Nitin S. | Associate Software Engineer, Mid-Market (51-1000 emp.) **Reviewed Date:** December 04, 2021 **What do you like best about CodePen?** Best online sharing code editor with biltin support for most modern languages. Its very helfull in demonstrating some demo of applications choosing any library or framework of your choice **What do you dislike about CodePen?** Nothing to dislike just that there are some syntax that it doesnt support. Like there are some scenarios where this keyword dont work correctly in javascript else its good **Recommendations to others considering CodePen:** You should definately consider it as it is easy to use and provide support for almost all the languages **What problems is CodePen solving and how is that benefiting you?** Online code sharing, demoing some piece of work without getting local system ready, taking and giving interviews by sharing screen and utilising the benefits of this platform ### 23. CodePen Editor **Rating:** 4.5/5.0 stars **Reviewed by:** Rahul C. | Co-Founder, Small-Business (50 or fewer emp.) **Reviewed Date:** March 08, 2022 **What do you like best about CodePen?** I like code pen because you can write here and save your code here. Also you can check output of your source code. I like it and first project I create here is my CV. **What do you dislike about CodePen?** Need to change some UI functionality and Some other integrations in it. **What problems is CodePen solving and how is that benefiting you?** Almost all type related to my project. ### 24. Free to use online based code editor **Rating:** 4.0/5.0 stars **Reviewed by:** Yagya T. | Web Developer, Mid-Market (51-1000 emp.) **Reviewed Date:** June 17, 2021 **What do you like best about CodePen?** The bright side about CodePen is that it is an open-source online-based code editor. It is relatively easy to use due to its smooth navigation features. Moreover, it has a forever-free version as well. Additionally, it has built-in learning tools helpful beginners in coding, and it is also possible to share codes with other collaborators online. **What do you dislike about CodePen?** The limitation of CodePen is that it is only accessible from web browsers, and its desktop version is not available, which could be useful for offline coding. **What problems is CodePen solving and how is that benefiting you?** We mostly use CodePen to test our codes before pushing them into a live server. Furthermore, we are also seamlessly sharing our codes with each other while working virtually through this web-based code editor and asset management software. ### 25. Best tool to test frontend codes **Rating:** 4.0/5.0 stars **Reviewed by:** Ritik B. | Full Stack Developer, Small-Business (50 or fewer emp.) **Reviewed Date:** August 19, 2021 **What do you like best about CodePen?** You just put your HTML, CSS, JS code in there, you can add third-party CDN libraries, and the output will be on the screen in seconds. The best tool, I consider for testing small pieces of code. **What do you dislike about CodePen?** There is nothing I found that should be disliked about this product. They can increase their community so that often used codes can be available with output. **What problems is CodePen solving and how is that benefiting you?** Using codepen to work on small pieces of frontend code to get desired output. ### 26. A great playground for developers **Rating:** 4.5/5.0 stars **Reviewed by:** Sam W. | Front end development and design, Small-Business (50 or fewer emp.) **Reviewed Date:** January 08, 2022 **What do you like best about CodePen?** You can run code and get real time results. Easy to use **What do you dislike about CodePen?** Can be slow and fail to load sometimes, not very often though **Recommendations to others considering CodePen:** quick and easy code playground **What problems is CodePen solving and how is that benefiting you?** I have made quick prototypes in Codepen and then used them in production ### 27. Convenient Solution Sharing **Rating:** 4.5/5.0 stars **Reviewed by:** Tyler S. | Senior Web Developer, Small-Business (50 or fewer emp.) **Reviewed Date:** August 17, 2021 **What do you like best about CodePen?** CodePen is a quick and convenient way to share simple dev solutions. **What do you dislike about CodePen?** Adding more language options (e.g., PHP, Python) might be helpful. **What problems is CodePen solving and how is that benefiting you?** Both finding and posting quick open-source solutions. ### 28. Great for quick collaboration and sharing. **Rating:** 5.0/5.0 stars **Reviewed by:** Verified User in Health, Wellness and Fitness | Small-Business (50 or fewer emp.) **Reviewed Date:** August 17, 2021 **What do you like best about CodePen?** I like that we can quickly set up and test different frameworks and libraries to test their feasibility and easily share code snippets when needed. **What do you dislike about CodePen?** Not too many dislikes, but sometimes the different views can make the screen cluttered. **Recommendations to others considering CodePen:** Share your ideas, and please comment on your code if your goal is to help others learn. **What problems is CodePen solving and how is that benefiting you?** We use it a lot for discovery and sharing. ### 29. Excellent code editor online **Rating:** 4.0/5.0 stars **Reviewed by:** Verified User in Computer Software | Enterprise (> 1000 emp.) **Reviewed Date:** December 30, 2021 **What do you like best about CodePen?** Workspace layout, live preview, availability of preprocessors **What do you dislike about CodePen?** There's nothing that I can think of really. **What problems is CodePen solving and how is that benefiting you?** Ease of use in creating front-end and sharing with the team ### 30. A completely free and intuitive cloud development environment **Rating:** 5.0/5.0 stars **Reviewed by:** Alirio P. | Frontend Developer, Mid-Market (51-1000 emp.) **Reviewed Date:** May 05, 2020 **What do you like best about CodePen?** 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 about CodePen?** 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 CodePen:** CodePen is a great tool for testing and developing websites. I recommend it for being a totally free platform. **What problems is CodePen solving and how is that benefiting you?** 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. ### 31. The ideal sandbox to quickly test your code, save it, or even publish it for the wider community. **Rating:** 5.0/5.0 stars **Reviewed by:** Aaron C. | Data Engineer, Leisure, Travel & Tourism, Enterprise (> 1000 emp.) **Reviewed Date:** April 23, 2020 **What do you like best about CodePen?** 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 about CodePen?** 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 CodePen:** 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 is CodePen solving and how is that benefiting you?** 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. ### 32. A Webdev IDE in seconds **Rating:** 5.0/5.0 stars **Reviewed by:** sarath k. | Software Developer, Small-Business (50 or fewer emp.) **Reviewed Date:** November 20, 2019 **What do you like best about CodePen?** HTML, CSS and Javascript are an integral part of a full stack developers life and Codepen enables me to do it easily. Here are my top picks for my likes: Sharing code snippets made easy: Codepen is the quickest way to put together a bunch of HTML, CSS and JS code and share it with anyone in the world. Multiple CSS preprocessors: SCSS and LESS are two of the most popular code preprocessors and thankfully Codepen lets me do this without any fuss. Someone without SCSS installed in their computer can easily go to codepen.io and get a SCSS preprocessor. Access to JS console: As one can see in codepen's interface we have access to a javascript interpreter. This comes in handy for running small javascript code and getting outputs of those snippets. Storing assets: The pro plan in code pen lets me store assets and resources that can be stored securely and that can be accessed from anywhere. Support for private pens: Codepen gives user's the ability to share the snippets created with anyone in the world in a private manner. **What do you dislike about CodePen?** There aren't many drawbacks. The price of the pro plan is a bit too expensive. **Recommendations to others considering CodePen:** Live Weave is another free alternative to codepen **What problems is CodePen solving and how is that benefiting you?** It helps me share code swiftly with anyone ### 33. amazing code collection **Rating:** 5.0/5.0 stars **Reviewed by:** rahul r. | PHP developer, Small-Business (50 or fewer emp.) **Reviewed Date:** November 13, 2019 **What do you like best about CodePen?** codepen is an environment that is both for learning and development purpose. wecan share our on developed codes for any one those who need it as prime or free of cost. and each user can test our code or there own code here live and edit our codes to check whether they meet there requirements if yes then she/he can easily use it. it support many languages such as html,javascript, jquery and so on. **What do you dislike about CodePen?** no dislikes at all its nice and gives me full freedom to test my code and use it **Recommendations to others considering CodePen:** great tool for developers, designers etc **What problems is CodePen solving and how is that benefiting you?** copying codes from others shared in codepen and use it in my application up on my needs ### 34. Free Online Code Editor **Rating:** 4.0/5.0 stars **Reviewed by:** Antonio L. | Software Engineer, Enterprise (> 1000 emp.) **Reviewed Date:** July 11, 2019 **What do you like best about CodePen?** It was a breeze and the remote login feature is similar to a Google Doc, but for coding. This makes it great as it helps to code online and see the live output here. **What do you dislike about CodePen?** The only disadvantage with the code pen is that it is an online coding environment, so whenever you want to write or edit code, you must have an internet connection. The biggest disadvantage is that you cannot code with CodePen whenever you want, as it is expensive; it's an online environment, so whenever you want to code, you must have an internet connection. No matter where you look, when it comes to development, you have to cut costs somewhere or another. **Recommendations to others considering CodePen:** Your version control is really fantastic. I used CodePen much more when you made external resources really simple to use, since it's online and free to use, you can just try it and feel the ease. **What problems is CodePen solving and how is that benefiting you?** Mocking up screens or testing animations or other codes, CodePen is a great place to discover all the difficulties of creating scripts before running them live, which allows me to spend a little more time to save time later. Learning in a real-time group environment. ### 35. Perfect Playground for Web development **Rating:** 4.5/5.0 stars **Reviewed by:** Raghuvar P. | Big Data Developer & AWS Certified Solution Architect, Small-Business (50 or fewer emp.) **Reviewed Date:** May 25, 2019 **What do you like best about CodePen?** The live feature is of CodePen is what I like the most. It is like plug and play. It is really easy to use and hassle free. It provides lots of awesome feature such as sharing and coding together, presentation views and many more. Also, I love the UI of Codepen. **What do you dislike about CodePen?** Honestly, I love Codepen, and there is nothing I dislike about it. **Recommendations to others considering CodePen:** For a web developer you should use Codepen. There are lot of things you can **What problems is CodePen solving and how is that benefiting you?** For a Web developer trying a piece of code and then seeing whether it works or not is very important and Codepen provides that. Instead of running whole application just try in Codepen. I use Codepen for such purpose. It is literally heaven for web developers. ### 36. A great tool to learn programming and share code **Rating:** 4.5/5.0 stars **Reviewed by:** Miguel P. | Presidente, Graphic Design, Small-Business (50 or fewer emp.) **Reviewed Date:** May 23, 2019 **What do you like best about CodePen?** It is an online tool that has support for many CSS preprocessors. You can write css with SASS, LESS and many others. No need to configure a working environment. That makes it great. You can share and create a portfolio of your jobs for future jobs. **What do you dislike about CodePen?** In the free version you can't keep your codes or pens private **What problems is CodePen solving and how is that benefiting you?** I found a lot of code that helped me learn CSS, HTML and JS. I have also improved my good practices ### 37. Platform for software developers. **Rating:** 4.5/5.0 stars **Reviewed by:** Amanda S. | SEO Manager, Information Technology and Services, Enterprise (> 1000 emp.) **Reviewed Date:** May 27, 2019 **What do you like best about CodePen?** It is an excellent repository of free and private code, you can fork a review of any project you need, with creative license or common goods. **What do you dislike about CodePen?** I would like to see more groups or social networks beyond the code or have some interactivity with the community. **Recommendations to others considering CodePen:** One can manage development projects easily with the help of this wonderful software. Its version control is really fantastic. **What problems is CodePen solving and how is that benefiting you?** Programming in collaboration team, incident tracking and project management. It is very fast and easy to use for everyone, since almost everyone has it. ### 38. Great resource for new & experienced coders **Rating:** 5.0/5.0 stars **Reviewed by:** Verified User in Internet | Mid-Market (51-1000 emp.) **Reviewed Date:** July 30, 2019 **What do you like best about CodePen?** I like that it's like code sharing. As a beginner, you rarely see how some things interact in your code and it's definitely helpful to build off other people's code. It's also just amazing to see some of the stuff the experts can create as part of a challenge. I've used code samples in some of our email campaigns. **What do you dislike about CodePen?** Some of the stuff is more "just for fun" so it's a lot to sort through if you're looking for specific elements you want to work in, in a professional way. **What problems is CodePen solving and how is that benefiting you?** Testing new and innovative code ideas. ### 39. Best Online Development Environment **Rating:** 5.0/5.0 stars **Reviewed by:** Arun P. | Senior Web Developer, Small-Business (50 or fewer emp.) **Reviewed Date:** April 25, 2019 **What do you like best about CodePen?** Codepen is the online environment to development purposes. we can easy code in online and copy paste the code to our local editor for furthor integration. codepen shows its the out put of the code there itself. so we can use the code if its meat our requiremments. its support many languages such as html, css and javascript etc. its very simple to use **What do you dislike about CodePen?** i dont find any major disadvantages yet. since it is very efective and free to use. **What problems is CodePen solving and how is that benefiting you?** Coding and testing certain faces and using it in my code after success is the best feature of codepen ### 40. Great Sandboxing Environment **Rating:** 4.0/5.0 stars **Reviewed by:** Verified User in Information Technology and Services | Mid-Market (51-1000 emp.) **Reviewed Date:** May 14, 2019 **What do you like best about CodePen?** I used Brackets for a while and didn't like how you couldn't see what your html/JS looked like in real time. CodePen does so excellently, and is very community-driven, making it easy to learn and share code. **What do you dislike about CodePen?** I sometimes struggle with deciphering the error messages when debugging. **What problems is CodePen solving and how is that benefiting you?** CodePen is a great place to work out all the kinks of creating scripts before running them live, allowing me to spend a bit more time upfront to save time later. ### 41. Great SandBox for learning and teaching alike. **Rating:** 5.0/5.0 stars **Reviewed by:** Chase G. | Media Director, Mid-Market (51-1000 emp.) **Reviewed Date:** May 14, 2019 **What do you like best about CodePen?** I enjoy that there is the option to have "Live Coding" sessions so that students can follow along in real time on their browser. **What do you dislike about CodePen?** Over all this sandbox is very well designed, but it does take a little getting used to with their file structure as far as personal forked projects go. **Recommendations to others considering CodePen:** Take some time to really learn about all the features of CodePen, it will be worth your time. **What problems is CodePen solving and how is that benefiting you?** Learning in a group setting in real time! ### 42. Codepen is great but has some drawbacks **Rating:** 4.0/5.0 stars **Reviewed by:** Verified User in Computer Software | Enterprise (> 1000 emp.) **Reviewed Date:** May 28, 2019 **What do you like best about CodePen?** I love that it's an open playground where anyone can share their projects. It even allows for React projects and has pre-canned options to pull in libraries like jquery. **What do you dislike about CodePen?** CodePen has a lot of potential but it feels squandered by their revenue model. They used to allow for external links to resources but have restricted that and require you to purchase a paid plan. This makes CodePen useful for anything requiring any content whatsoever. **Recommendations to others considering CodePen:** Reconsider your business model. I used CodePen way more when you allowed for external assets. It's almost useless now. **What problems is CodePen solving and how is that benefiting you?** Mocking up screens or testing out animations or other code. Playing with components. ### 43. Great way to share web snippets and demos **Rating:** 4.5/5.0 stars **Reviewed by:** I. Yosun C. | Chief Engineer and Hacker, Computer Software, Small-Business (50 or fewer emp.) **Reviewed Date:** May 28, 2019 **What do you like best about CodePen?** Various framework boilerplates are included in a drop down - also quick way to test code. **What do you dislike about CodePen?** Not sure if I like the segmented interface as it limits expressivity - what if they had a auto version where one could just paste in the entire page code (with external js, css links **What problems is CodePen solving and how is that benefiting you?** Mostly debugging and adapting web code snippets that are experimental ### 44. Web developing tool **Rating:** 4.0/5.0 stars **Reviewed by:** Rakan K. | Doctor, Small-Business (50 or fewer emp.) **Reviewed Date:** May 29, 2019 **What do you like best about CodePen?** Simple web developing tool for web developing. We can write CSS with SASS, LESS also in here. Live coding option also best here. **What do you dislike about CodePen?** I don't find any major disadvantages here. **What problems is CodePen solving and how is that benefiting you?** Real-time coding is best and saves our times. ### 45. Must have tool for coding interviews **Rating:** 5.0/5.0 stars **Reviewed by:** Verified User in Research | Small-Business (50 or fewer emp.) **Reviewed Date:** May 26, 2019 **What do you like best about CodePen?** I have used codepen primarily for coding interviews. It was a breeze and the remote login feature is similar to a google doc but for coding. You have the other user (even from the other end of the world coding real time) **What do you dislike about CodePen?** It needs an IDE to run, only if there was the ability to execute it would be ideal. **Recommendations to others considering CodePen:** Google doc for coding interviews **What problems is CodePen solving and how is that benefiting you?** Interviews and real time coding evaluation ### 46. Great code playground **Rating:** 5.0/5.0 stars **Reviewed by:** Verified User in Professional Training & Coaching | Small-Business (50 or fewer emp.) **Reviewed Date:** May 26, 2019 **What do you like best about CodePen?** I really like the open source platform and the weekly challenges **What do you dislike about CodePen?** I don’t like the layout, I wish it was set up differently **What problems is CodePen solving and how is that benefiting you?** Ability to see solutions people have created all over the world ## CodePen Discussions - [Is there any way to connect Github account to CodePen and uploads the pen directly?](https://www.g2.com/discussions/is-there-any-way-to-connect-github-account-to-codepen-and-uploads-the-pen-directly) - 1 comment, 1 upvote - [What languages does CodePen support?](https://www.g2.com/discussions/what-languages-does-codepen-support) - 1 comment - [Is CodePen good for web development?](https://www.g2.com/discussions/is-codepen-good-for-web-development) - 2 comments - [Is CodePen a software?](https://www.g2.com/discussions/is-codepen-a-software) - 2 comments - [What is CodePen used for?](https://www.g2.com/discussions/what-is-codepen-used-for) - 1 comment - [View CodePen pricing details and edition comparison](https://www.g2.com/products/codepen/reviews?page=2§ion=pricing&secure%5Bexpires_at%5D=2026-05-31+12%3A29%3A36+-0500&secure%5Bsession_id%5D=12642797-4c08-49ce-84a5-f16392e8f343&secure%5Btoken%5D=3cc2519c94050894f7d1a30b13ed7cd0fa36c913c5d1d275469665521f3d9f00&format=llm_user) ## CodePen Features **Coding** - Syntax highlighting - Autocompletion - Find and replace - Code folding **Editing** - Collaborative editing - Language Support - Selection Methods **Functionality** - Extensibility - Cross-platform support - Plugins and integrations - Security **Agentic AI - Landing Page Builders** - Cross-system Integration ## Top CodePen Alternatives - [Visual Studio Code](https://www.g2.com/products/visual-studio-code/reviews) - 4.7/5.0 (2,618 reviews) - [Sublime Text](https://www.g2.com/products/sublime-text/reviews) - 4.5/5.0 (1,748 reviews) - [Notepad++](https://www.g2.com/products/notepad/reviews) - 4.6/5.0 (2,408 reviews)