# 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. Inspiring Public Projects and a Polished JS/CSS/HTML Interface **Rating:** 5.0/5.0 stars **Reviewed by:** Julian R. | Co-founder / Service Delivery Manager, Marketing and Advertising, Small-Business (50 or fewer emp.) **Reviewed Date:** May 19, 2026 **What do you like best about CodePen?** I really like the public projects and the interface being divided into JS/CSS/HTML, as well as the overall UX/UI. The trending projects and the challenges are also great. All the features on the platform make it amazing to see other people’s work, get inspired, and improve your own. **What do you dislike about CodePen?** There isn’t a thing I dislike at this point. **What problems is CodePen solving and how is that benefiting you?** Having a platform where you can see other people’s work is amazing, especially when you’re in a creative block. It helps me discover new ways to use CSS/JS, and it also shows me how much more I still need to learn. ### 2. Codepen is an amazing tool for developers to showcase their small work at largescale! **Rating:** 4.5/5.0 stars **Reviewed by:** Sameer C. | Development Lead, Small-Business (50 or fewer emp.) **Reviewed Date:** April 05, 2024 **What do you like best about CodePen?** Easy to login and sign up. The best part is that it is very simple and yet easy to host mini projects or code samples and share them on community platforms like twitter, unlike github, codepen allows simple and easy hosting of code samples and live editing to anyone viewing code snippet. **What do you dislike about CodePen?** CodePen stands out when it comes to it's use in freelance community showcasing personal projects and code samples, fast deployements, so overall there is nothing much to dislike! **What problems is CodePen solving and how is that benefiting you?** Codepen had been helping in hosting my work samples such as short codes specifically frontend parts, which requires fast deployment to showcase to prospective freelance clients as prrof of progress + It is also helpful as a text editor to test out frontend codes and share the the source code along with live viewable and editable version to anyone by publishing and sharing it across community platforms! ### 3. CODE YOUR WAY **Rating:** 5.0/5.0 stars **Reviewed by:** Rahul s. | Associate Analyst, Enterprise (> 1000 emp.) **Reviewed Date:** March 03, 2024 **What do you like best about CodePen?** Its rendering speed and user interface are quick and simple. Codepen has an incredible community with many imaginative ideas. **What do you dislike about CodePen?** The one issue i have faced with codepen is that after 5000-10000 lines of codes , it become really slow and laggy. **What problems is CodePen solving and how is that benefiting you?** We use codepen on daily basis to write complex codes and to test and debug them . We incoporate test scripts which helps in collaborting with testers . The amazing community supports also helps us in solving our issues faster. ### 4. Best Tool For Frontend Developer **Rating:** 5.0/5.0 stars **Reviewed by:** Abhishek k. | Software Engineer, Enterprise (> 1000 emp.) **Reviewed Date:** September 29, 2023 **What do you like best about CodePen?** Its user interface is fantastic, we can work with HTML, CSS, Javascript in a single page online website without downloading any software in our system. we can also Compare files and check for errors on same page and we don't have to switch between different files. I also like it's Dark mode Button. It also allow copy paste of code that's too helpful. **What do you dislike about CodePen?** Codepen doesn't have offline app or software that's why we need to constantly connected to internet for working. And it does not support backend development so we need to switch between other software for developing our website backend part. It some times lag when we are working with large files. **What problems is CodePen solving and how is that benefiting you?** My organization completely used codepen for frontend development because we can view our live updates and changes on the same page, it smoothly handle all three languages on a single . Copy and pasting of code is also allowed there which helps a lot.It assists me with doing my front-end Development UI and UX work really as it gives me various tools. ### 5. Great text editor with all the important features I need **Rating:** 4.0/5.0 stars **Reviewed by:** Harshil G. | Frontend Developer, Small-Business (50 or fewer emp.) **Reviewed Date:** February 29, 2024 **What do you like best about CodePen?** Its easy to use user interface and fast rendering. The community of codepen is amazing with a lot of creative projects. **What do you dislike about CodePen?** I'm not able to think of anything I dislike about this platform. I've used it a lot but it has never disappointed me. **What problems is CodePen solving and how is that benefiting you?** Codepen is somewhere I go where I have to try a bit of css practice or I have to look up for some ideas. The community is really cool ### 6. An easy way to learn **Rating:** 5.0/5.0 stars **Reviewed by:** Anthony C. | Patient Engagement Specialist, Small-Business (50 or fewer emp.) **Reviewed Date:** December 20, 2023 **What do you like best about CodePen?** It's very independent to work with. It helps you play with HTML C C S and java scripting, and it doesn't affect your computer's main phardware or software at all. It can be really fun whether from a basic learner all the way up to advance. **What do you dislike about CodePen?** The fact of just how independent it is oftentimes. You do have to navigate throughsoftware or applications to figure out whether or not you're doing something right? One I would recommend is linkedin. **What problems is CodePen solving and how is that benefiting you?** It's helping me further advance in my studies of coding and data analytics, as well as developing a stronger skills in data science. ### 7. An easy to use collaborative coding tool **Rating:** 4.5/5.0 stars **Reviewed by:** Phil G. | Full-Stack Web Development as Digital Marketing Manager, Mid-Market (51-1000 emp.) **Reviewed Date:** November 10, 2023 **What do you like best about CodePen?** CodePen provides a very easy to use interface to code and render web development projects. It is a wonderful way to code something quickly, such as proof of concepts or algorthims, which you can then save, edit, and share with your team. **What do you dislike about CodePen?** Some of the important settings, such as those needed to import other packages or scripts to run with your project, can be a little hard to find. **What problems is CodePen solving and how is that benefiting you?** CodePen provides me an easy to use, quick, collaborative editor for small coding projects and proof of concepts. I enjoy using it both for my professional and personal coding. ### 8. Briefly explanation & review about CodePan editer **Rating:** 5.0/5.0 stars **Reviewed by:** Sambit Kumar B. | Full Stack Software Engineer, Computer Software, Mid-Market (51-1000 emp.) **Reviewed Date:** September 20, 2023 **What do you like best about CodePen?** Here international programmers are contributing there works with code and helps the nubic programmer to understand the code as well as new features. Here the Challenges comes as opportunities for leveling up your skills by building things. **What do you dislike about CodePen?** Mostly here the paid plans is high amount , the new peoples are can not access the real features and they can't afford the price at newbic stage.It must have to add somthing like FREE TRIAL for 7-8 days. **What problems is CodePen solving and how is that benefiting you?** Here, the challenges serve as chances for you to level up your skills and abilities.In codepan we can host or make link for your projects.In Spark section u can see the new features which is newly evolving in three. Js, CSS etc ### 9. Exceptional Platform for Web Development **Rating:** 4.0/5.0 stars **Reviewed by:** Shivani V. | Junior SEO Executive, Marketing and Advertising, Small-Business (50 or fewer emp.) **Reviewed Date:** February 22, 2024 **What do you like best about CodePen?** CodePen excels in web development! Seamless interface, real-time preview, and collaborative tools make it a must-have. Highly recommended! **What do you dislike about CodePen?** While CodePen offers a fantastic platform, the free version has limitations on private projects, potentially affecting the privacy of sensitive code. **What problems is CodePen solving and how is that benefiting you?** It provides an environment to run code even without having necessary software and programs to run your code solo. You can use codepen from mobile as well. ### 10. The best free coding tool to learn and implement! **Rating:** 5.0/5.0 stars **Reviewed by:** Mehul V. | Small-Business (50 or fewer emp.) **Reviewed Date:** June 20, 2023 **What do you like best about CodePen?** It's absolutely free. Just visit their website, log in and you are good to go. The interface is extremely well-designed and it is also customizable to suit your needs. You can check instant results on the output panel. You can play around with the CSS and JS as much as you want without the hassle of saving and running a local file. Also, the community is amazing! You can almost always find a piece of code that will help solve your problem. **What do you dislike about CodePen?** There are not many things to complain about in CodePen. One thing to note is that it is not something a beginner can directly get started with, there are no tutorials or suggestions. It is simply a tool for you to practice and experiment. You need to know the basics to work on CodePen. **What problems is CodePen solving and how is that benefiting you?** As a complete noob when it comes to coding, CodePen helped me create a complex interest calculator for a client. As difficult as it was to get started and understand the basics, checking out other reference codes on CodePen and picking bits & pieces to integrate into my project helped me finish the calculator. ### 11. Best coding platform to learn, test and improve your development skills. **Rating:** 5.0/5.0 stars **Reviewed by:** Anurag G. | Intern, Small-Business (50 or fewer emp.) **Reviewed Date:** May 26, 2023 **What do you like best about CodePen?** Codepen provides an interactive playground with support for most of the commonly-used languages. Not only is it pretty easy to use but also a very powerful tool for anyone from a beginner to a pro developer. **What do you dislike about CodePen?** If the code is quite heavy, the webpage becomes less responsive and laggy which is a problem faced by most of the playgrounds. Also, the window which shows the output is pretty small and its a bit of hassle to change its dimensions. **What problems is CodePen solving and how is that benefiting you?** I have to learn new languages very often and I like to try new things. So before implementing them directly into my code, I like to see how it performs or looks on Codepen. Being a front-end engineer, it is very useful to have a platform that can show the output of your code snippet. Also, the community is quite big, and there are a lot of projects which can be directly picked up from Codepen and implemented in the apps. ### 12. Easy to use and share **Rating:** 5.0/5.0 stars **Reviewed by:** Jade H. | Software Engineer, Computer Software, Mid-Market (51-1000 emp.) **Reviewed Date:** November 21, 2023 **What do you like best about CodePen?** I love that it's quick to setup and customize to your individual needs. It's also easy to share your pens with others for collaboration. **What do you dislike about CodePen?** Occasionally a more fringe framework won't be available. **What problems is CodePen solving and how is that benefiting you?** It makes it easy to use a coding environment on the go without needing to set up the entire thing yourself on one machine. ### 13. Excellent light-weight tool for testing frontend tweaks **Rating:** 4.5/5.0 stars **Reviewed by:** Sanchit B. | Software Engineer, Mid-Market (51-1000 emp.) **Reviewed Date:** August 23, 2023 **What do you like best about CodePen?** - Rapid iterative testing capability - Snappish UI - Changes stored on the cloud - Tons of public snippets that serve as examples for common frontend problems - it's free - Great UI - Support for common frameworks **What do you dislike about CodePen?** - No support for python frameworks - Free plan is quite limited - Text editing not as robust as a full fledged IDE **What problems is CodePen solving and how is that benefiting you?** Quick showcasing of frontend solutions without having to perform setup, small tweaks immediately reflect in the UI without having to go through a build step. Existing pens help in providing inspiration for solutions to common problems ### 14. A perfect on the go tool for frontend web development **Rating:** 4.5/5.0 stars **Reviewed by:** Verified User in Computer Software | Small-Business (50 or fewer emp.) **Reviewed Date:** September 30, 2023 **What do you like best about CodePen?** CodePen provides a very simple and easy-to-use interface for frontend web developers to test their code on the go and preview how their web app looks like. All the three files(HTML, JS & CSS) provided along side eachother makes the user free from the hassle of switching between files. Along with the option to share your Pen on reknowned platforms like GitHub, they also have a very vast & supportive community of their own where you can share your work & also like, review and even collaborate on pen shared by other users of the community. When I was in my learning phase of Web development, CodePen has helped me a lot! Watching tutorials is of no use if you don't get your hands dirty & try out the things, you've learned, on your own. CodePen is just the right platform to help you implement your skills & get real experience! **What do you dislike about CodePen?** I don't particularly hate anything about CodePen but if there was support for some backend as well, it would have been great! **What problems is CodePen solving and how is that benefiting you?** In unit testing of the web components of my web apps. ### 15. Great online editor for Web development **Rating:** 4.0/5.0 stars **Reviewed by:** Vishal P. | Small-Business (50 or fewer emp.) **Reviewed Date:** June 06, 2023 **What do you like best about CodePen?** Codepen helps in practicing web development without even using the local space. Apart from that Codepen is faster than other online editors. We can even compete with friends and the community on Codepen challenges. **What do you dislike about CodePen?** There are many benefits of using Codepen, but there is also a problem. In Codepen till now we can not make multipage website. It is entirely for practicing, not for doing projects. **What problems is CodePen solving and how is that benefiting you?** For me, Codepen is solving the problem of short storage. And also, for practicing any topic, I do not need to open heavy applications for a simple task; besides, I prefer to practice on Codepen. Also, I can share my work link if I need any help from my peer. ### 16. Showcase Front end development code and edit them **Rating:** 5.0/5.0 stars **Reviewed by:** Verified User in Consulting | Enterprise (> 1000 emp.) **Reviewed Date:** October 23, 2023 **What do you like best about CodePen?** CodePen is an fantastic tooling to create and share front end code to others. It suits the need to provide example or starting point of code to others as well as ask questions or ideas or improvement to the piece of code done. The tooling comes with inbuilt css, js, html and a rendering pane where you can see the output of your then and there. The tooling also highlights compiling and parsing errors. Great tooling used by our front end development team **What do you dislike about CodePen?** I would love this tooling to be expanded to other frameworks **What problems is CodePen solving and how is that benefiting you?** Text editor which the team can use for greater purpose ### 17. Easy way to start coding in seconds **Rating:** 4.0/5.0 stars **Reviewed by:** Verified User in Information Technology and Services | Enterprise (> 1000 emp.) **Reviewed Date:** February 20, 2024 **What do you like best about CodePen?** Quick to get started. Easy to use, no need to install any packages. **What do you dislike about CodePen?** Little clunky feel. Wish it would be faster. **What problems is CodePen solving and how is that benefiting you?** Allows to try out new languages and frameworks without having to setup locally. ### 18. Overly good **Rating:** 3.0/5.0 stars **Reviewed by:** Betsegaw G. | Small-Business (50 or fewer emp.) **Reviewed Date:** April 18, 2023 **What do you like best about CodePen?** CodePen is an easy-to-use code editor on the web. It can be very handy for running quick and simple code. As someone who teaches coding, I recommend using CodePen for beginners, since you don't have to deal with localhost or anything like that. **What do you dislike about CodePen?** CodePen can be very slow and buggy when running programs written in languages like React. I have personally experienced a very slow response time when running codes like that. **What problems is CodePen solving and how is that benefiting you?** While I have absolutely no clue what CodePen is solving (I don't work there) I believe it will benefit from adding React and other programming languages as an option ### 19. Write Code Like Never Before (easiest tool for writing code) **Rating:** 5.0/5.0 stars **Reviewed by:** Micah L. | CEO, Small-Business (50 or fewer emp.) **Reviewed Date:** October 31, 2023 **What do you like best about CodePen?** How easy it makes coding! I have experience coding but when I need a leg up, CodePen is the way **What do you dislike about CodePen?** I wish it had more templates to work off of **What problems is CodePen solving and how is that benefiting you?** It's helping me write, edit, and deploy coding updates to my softwares ### 20. Review on Code Pen **Rating:** 5.0/5.0 stars **Reviewed by:** Krutik R. | Incubation Associate [ Entrepreneurship Development Centre ], Small-Business (50 or fewer emp.) **Reviewed Date:** July 06, 2023 **What do you like best about CodePen?** Easy to code HTML, CSS, and JavaScript Online. Realtime Render of Web. Great to test web features and test new things. **What do you dislike about CodePen?** The copy-paste of code sometimes doesn't work correctly. **What problems is CodePen solving and how is that benefiting you?** Creating animation samples and sending client for approval. Client and edit the code too. Share code with a single link ### 21. Convenient live testing platform **Rating:** 4.5/5.0 stars **Reviewed by:** Rezwan Ahmed K. | Sub-Divisional Engineer, Mid-Market (51-1000 emp.) **Reviewed Date:** September 02, 2023 **What do you like best about CodePen?** I can chek the outputs from all the languages real time as I am writing the code in codepen. **What do you dislike about CodePen?** For CSS and javascript, if it couldnshow suggestions in coding improvements that would have been helpful. **What problems is CodePen solving and how is that benefiting you?** I can check the acuracy of my clde as I am writing the code in live platform. ### 22. This is the best solution for the developers **Rating:** 5.0/5.0 stars **Reviewed by:** Muhammad Zubair A. | Web Developer, Small-Business (50 or fewer emp.) **Reviewed Date:** September 17, 2023 **What do you like best about CodePen?** The most helpful material are hand made coding templates **What do you dislike about CodePen?** Some of its codes are not fully appropriate. **What problems is CodePen solving and how is that benefiting you?** When I got stuck in my code. Then code pen one of the most helpful tool for me for my solutions. ### 23. Why you should use codepen **Rating:** 4.5/5.0 stars **Reviewed by:** Muneer K. | Linux System Administrator, Mid-Market (51-1000 emp.) **Reviewed Date:** November 16, 2022 **What do you like best about CodePen?** Codepen is one of the open source online editor to build a front end in HTML,CSS, JAVA SCRIPT and some other codes. Codepen is a now a community where we can interact with developera around the world. The best thing about the codepen tool is its free to use and for a new developer its very easy to catch up the code errors in the interactive environment itself. **What do you dislike about CodePen?** The intellisense is not great in Codepen which will not encourage to build a large project using codepen, also you've to pay for the premium version to get core features. **What problems is CodePen solving and how is that benefiting you?** Few years back as a student i was unable to afford premium code editor to learn and practice coding, im using the free version of codepen since my college and still using for my work. Its just an awsome light weight code editor tool. ### 24. Text Editor for frontend development **Rating:** 4.5/5.0 stars **Reviewed by:** Lokesh S. | Senior Web Developer, Mid-Market (51-1000 emp.) **Reviewed Date:** January 05, 2023 **What do you like best about CodePen?** code pen provides a browser-based, SAAS solution for frontend web development. The interface of the codepen is intuitive and easy to use. It is AI built-in learning tool . Provide different plugins to make code faster. **What do you dislike about CodePen?** There are tons of tools in the codepen, but many are not practical for most development situations. The premium version is a little costly. you can't work on it offline. The auto code completion is little poor as compared to others. **What problems is CodePen solving and how is that benefiting you?** It helps me do my front-end development UI and UX work effectively as it provides me with different tools. It helps me keep all my work in one place through its online and cloud platform. ### 25. Easiest way to share mvp code with anyone **Rating:** 5.0/5.0 stars **Reviewed by:** Ranjan M. | Mid-Market (51-1000 emp.) **Reviewed Date:** May 04, 2023 **What do you like best about CodePen?** CodePen helps you write code for a small functionality and share it with anyone. It supports many popular programming languages. The best thing about this is that it also provides code completion. **What do you dislike about CodePen?** I haven't found any downside of using CodePen. Basic functions are free to use which is more than sufficient on daily uses. **What problems is CodePen solving and how is that benefiting you?** CodePen gives you a platform to share code with anyone. It is not just a text editor but helps you share code on stackoverflow or other platforms, so that other people can check your code and help you find the solution. ### 26. Very Useful Tool **Rating:** 5.0/5.0 stars **Reviewed by:** Kassandra T. | Small-Business (50 or fewer emp.) **Reviewed Date:** April 21, 2023 **What do you like best about CodePen?** CodePen is quite useful for accessibility testing as it allow you to work in debug mode to eliminate the issue of testing around iFrames. **What do you dislike about CodePen?** It was a little wonky to learn how to use, and the instructions I found didn't look exactly like my interface, which is always challenging. **What problems is CodePen solving and how is that benefiting you?** It was good for ignoring iframes to run automated accessibility tests ### 27. R=The ultimate Playground for web developers **Rating:** 5.0/5.0 stars **Reviewed by:** Pratik P. | System Engineer, Enterprise (> 1000 emp.) **Reviewed Date:** May 17, 2023 **What do you like best about CodePen?** Codepen provides an intuitive and collaborative platform for web developers to showcase, experiment, and learn through its vast collection of code snippets, live previews and community engagement, fostering creativity and growth. **What do you dislike about CodePen?** CodePen is an online platform requiring an internet connection to access and work on projects. This can be inconvenient for users who prefer or need to work offline. **What problems is CodePen solving and how is that benefiting you?** Codepen solves the problem of code sharing, collaboration, and experimentation, benefiting developers by fostering learning, creativity, and community engagement. ### 28. Convenient service for testing and sharing code snippets / tests and examples **Rating:** 4.0/5.0 stars **Reviewed by:** Verified User in Information Technology and Services | Enterprise (> 1000 emp.) **Reviewed Date:** May 16, 2023 **What do you like best about CodePen?** It's VERY fast to get started.. just go to https://codepen.io/pen/ and start coding! The default 4x panel view is very convenient for adding your HTML, CSS and JavaScript and seeing the resulting webpage with changes updated in real-time. **What do you dislike about CodePen?** I wish it had a shareable URL of just the resulting webpage (a similar service, StackBlitz has this) **What problems is CodePen solving and how is that benefiting you?** I use it for testing and sharing changes and to show examples to colleagues and as a test case for bugs. ### 29. CodePen Review **Rating:** 5.0/5.0 stars **Reviewed by:** Anirudh J. | Software Engineer 2, Enterprise (> 1000 emp.) **Reviewed Date:** May 01, 2023 **What do you like best about CodePen?** CodePen allows one to fix bugs efficiently. It helps to see everything on a single screen. **What do you dislike about CodePen?** Sometimes can't run some specific test cases. **What problems is CodePen solving and how is that benefiting you?** It helps me to debug some clarity framework and VPAT issues. It helps me to see code & results on a single page. ### 30. Review for codepen **Rating:** 5.0/5.0 stars **Reviewed by:** Parama K. | Small-Business (50 or fewer emp.) **Reviewed Date:** April 21, 2023 **What do you like best about CodePen?** CodePen is very easy to use The UI, with HTML, CSS, JS, etc., laid out, helps track the impact one's code is having in real time. The feed view is also very helpful. It helps us track down similar or trending projects **What do you dislike about CodePen?** The lack of themes present for the online editor is a little bit annoying but it is not at all significant. **What problems is CodePen solving and how is that benefiting you?** It is helping me showcase UI-UX elements that others can play around with. Similarly sharing and collaborating on solving UI-UX problems gets easier with CodePen ### 31. A one stop collection of frontend code snippets to share, test, and build **Rating:** 5.0/5.0 stars **Reviewed by:** Yash W. | Teaching Assistant, Enterprise (> 1000 emp.) **Reviewed Date:** September 15, 2022 **What do you like best about CodePen?** CodePen is not just like any other code-sharing platform. It has many tools and features, making it unique from the rest. The best thing about it is that you don't have to write much code. Most of it is taken care of. You can build, edit, and see the output in real-time with almost no delay in production. **What do you dislike about CodePen?** CodePen doesn't support any other language other than frontend stuff. It is very limited in terms of building a project. It doesn't support much of the backend. You'll have to edit in the JS. **What problems is CodePen solving and how is that benefiting you?** CodePen is very helpful in showcasing code snippets and sharing them as the user gets to see the code as well as the output in one link as well in an embedded form. It is an excellent place to learn about front-end coding and web-based projects. It has a curated list of projects with many filters to find what you need. ### 32. Barun's Review **Rating:** 4.5/5.0 stars **Reviewed by:** Barun B. | Human Resources Specialist, Small-Business (50 or fewer emp.) **Reviewed Date:** May 10, 2022 **What do you like best about CodePen?** You can write HTML, CSS and javascript code simultaneously. Can view live preview results quickly. It is free. **What do you dislike about CodePen?** Nothing negative. But if possible pro version is free for some time. **What problems is CodePen solving and how is that benefiting you?** Everything from coding HTML, Javascript and CSS to other people's solutions. The Most beneficial is live preview results, libraries and solutions. ### 33. Excellent code editor for Developers **Rating:** 4.5/5.0 stars **Reviewed by:** Yash G. | Fullstack Developer, Information Technology and Services, Mid-Market (51-1000 emp.) **Reviewed Date:** January 13, 2023 **What do you like best about CodePen?** The community is the best part of codepen. I can interact with lots of other developers and can browse the work they are doing. **What do you dislike about CodePen?** Just that the interface of codepen doesn't go that well with the smaller screens. Hope the team works on it and find out something to work around it. **What problems is CodePen solving and how is that benefiting you?** Codepen solves the headace of installing a IDE on the local machine and we can browse the code by just a link from anywhere in the world. ### 34. Easy to use **Rating:** 5.0/5.0 stars **Reviewed by:** Gris A. | IT Administrator, Small-Business (50 or fewer emp.) **Reviewed Date:** April 20, 2023 **What do you like best about CodePen?** Html, CSS, JS tabs, I like the way that is separated by columns easy to see code **What do you dislike about CodePen?** There is not nothing to dislike now, not sure is using HTML 5 **What problems is CodePen solving and how is that benefiting you?** creating HTML code and CSS style ### 35. Best code space for instant web developers **Rating:** 5.0/5.0 stars **Reviewed by:** Aarti G. | Fashion Designer, Mid-Market (51-1000 emp.) **Reviewed Date:** March 11, 2022 **What do you like best about CodePen?** Easy to access and intuitive interface of the platform makes it very easy and fun to use. **What do you dislike about CodePen?** Though the free version of the platform has good features available, the amount of features is limited which are allowed in paid version **What problems is CodePen solving and how is that benefiting you?** It is making my journey to become a web developer very fun. I create my code snippet and share them on twitter with a thousand of other members in the coding community ### 36. Very Useful Tool For Web Developers **Rating:** 4.5/5.0 stars **Reviewed by:** Prabhat B. | Web Developer, Small-Business (50 or fewer emp.) **Reviewed Date:** October 14, 2022 **What do you like best about CodePen?** codepen really helped me when I worked on other systems; I don't have to install any code editor; I can easily edit, manage or share my work on the cloud. **What do you dislike about CodePen?** Free version doesn't have enough features I have to buy codepen pro but it's pro pricings are not affordable in countries like India also I encountered sometimes login issues **What problems is CodePen solving and how is that benefiting you?** Codepen helps me to learn new things in web development quickly & effectively, also sometimes I have to show some of my new features and styles to clients for which I use Codepen quite often. ### 37. Great Source to Make Designing Better and Easier **Rating:** 5.0/5.0 stars **Reviewed by:** Verified User in Information Technology and Services | Enterprise (> 1000 emp.) **Reviewed Date:** December 24, 2022 **What do you like best about CodePen?** Options visible at the screen for a particular search are huge so it's helpful to choose quickly and the code provided are runnable as it is. **What do you dislike about CodePen?** so far my experience with codepen has been smoth so no downsides from me. The software is easy to navigate and responds quickly. **What problems is CodePen solving and how is that benefiting you?** Frontend is all about having multiple options and codepen provides that cause we can't have all the designs at one place so thats where codepen comes in handy. ### 38. CodePen is what online code editors should be! **Rating:** 5.0/5.0 stars **Reviewed by:** Chai L. | Junior Frontend Engineer, Small-Business (50 or fewer emp.) **Reviewed Date:** June 08, 2022 **What do you like best about CodePen?** It is really easy to add libraries and plugins - anything you can think of that has a CDN can be added in as a dependency. It also lets you select from HTML / CSS preprocessors which is great. It is super easy to fork pens and add your own spin to code without messing up someone else's. **What do you dislike about CodePen?** I wish that it was a bit more fluid for new code to run. I find myself saving, hitting run, and then hitting save again often. I also wish there was auto-format available. Other than that I really love CodePen! **What problems is CodePen solving and how is that benefiting you?** CodePen makes troubleshooting very easy. I can put a code snippet in a pen and share it with a colleague. This way my co-worker is not looking through a whole codebase, they just need to look at the one area I need additional eyes on. ### 39. Codepen Review **Rating:** 4.0/5.0 stars **Reviewed by:** Arnab D. | SDE Intern, Small-Business (50 or fewer emp.) **Reviewed Date:** March 12, 2022 **What do you like best about CodePen?** The realtime save and reload feature makes our work a hell lot easier. **What do you dislike about CodePen?** Importing of dependencies is hectic.If there's a search and autofill dependency it'll be great. **What problems is CodePen solving and how is that benefiting you?** I've asked/answered questions on StackOverflow with CodePen pens attached to it. It helps in not revealing your entire codebase to someone and still work on it. ### 40. Great place for Frontend Developers! **Rating:** 4.5/5.0 stars **Reviewed by:** Aditi S. | Software Developer, Enterprise (> 1000 emp.) **Reviewed Date:** April 14, 2022 **What do you like best about CodePen?** Codepen allows you to write frontend code on the fly. It also lets you save your code which can be accessed from anywhere. The best feature according to me is that it renders your code in real time which helps you fix things instantly. It also shows pens created by others that can be used for motivation and inspiration. Codepen also does competition every now and then where all the users can submit their pens for a theme decided beforehand. Codepen is a blessing in disguise and a great place for frontend developers to hangout! **What do you dislike about CodePen?** Sometimes when you view a pen which is an animation, the rendering doesn't work properly. Also, a link to view the pen in full screen should be readily available. Other than this, I don't think I have anything to dislike. **Recommendations to others considering CodePen:** It is a great place to practice your frontend skills while seeing other very talented developers **What problems is CodePen solving and how is that benefiting you?** With Codepen, writing frontend code becomes a fast and easy process. I also use it for inspiration from other great frontend developers. It also supports several languages which is a plus. I mostly use Codepen for practicing my frontend skills. ### 41. One of my favourite Website!!! **Rating:** 5.0/5.0 stars **Reviewed by:** Vishal A. | Front End Developer, Small-Business (50 or fewer emp.) **Reviewed Date:** November 15, 2022 **What do you like best about CodePen?** The most helpful about CodePen is that it helps in my projects by providing source codes, which can be further used in any projects like web designing or web development. **What do you dislike about CodePen?** There is nothing to say least helpful about CodePen as it provides a good environment to its users as it has very good friendly environment..!! **What problems is CodePen solving and how is that benefiting you?** CodePen is basically a website which is used to provide Source Code to its users which can be helpful in designing websites.. ### 42. Convenient and speeds experimentation up a lot **Rating:** 5.0/5.0 stars **Reviewed by:** Chai L. | Junior Frontend Engineer I, Small-Business (50 or fewer emp.) **Reviewed Date:** May 24, 2022 **What do you like best about CodePen?** I like how easy it is to fork a project to continue experimenting in other ways. It's also great how I can add commonly used JS libraries or any CDN I want. The seamless hookup of JS and CSS and the ability to use SCSS plug and play is fantastic as well. **What do you dislike about CodePen?** It can be annoying to have to click Run & Save and wonder if I have to refresh it to get the project running. I'm not sure if its me misunderstanding or just buffer time that is causing this. **What problems is CodePen solving and how is that benefiting you?** It makes it incredibly easy to share snippets of code with colleagues, as well as for support forums. It is also great to look at other people's code and see how they solve problems. ### 43. CodePen is one of the best online IDE for web development. **Rating:** 4.5/5.0 stars **Reviewed by:** Dhananjay P. | Python Developer, Small-Business (50 or fewer emp.) **Reviewed Date:** March 26, 2022 **What do you like best about CodePen?** In CodePen can create different pens for my work. Actually, Pen means project or work, In that pen, they have provided HTML, CSS, and JAVASCRIPT sections for code. Also, CodePen provides vue.js and flutter for a pen. Also, after creating a pen I can share it with your friends, and I have also added some projects in my resume for the showcase. **What do you dislike about CodePen?** CodePen is providing everything that I needed, most of my work is in the MERN stack. In this stack React js is taking the main part and CodePen is not providing React Js. Yes But I can manage it by writing react code in the javascript section, that's not easy but I have to manage. I'm waiting for React js pen in CodePen **Recommendations to others considering CodePen:** I advise all web developers to use CodePen because CodePen provides everything that web developers need. In fact, you don't need to open IDE and browser both at the same time. Also, we can create a project and collection of multiple Pens. **What problems is CodePen solving and how is that benefiting you?** I'm from a rural area, so the main problem is the network. Actually, the Network is working fine but limited. And In the React project, I have to download all packages that are needed for projects. Usually, those packages take my one-day internet data. So I prefer to use an online IDE, In that IDE I don't need to use my internet for downloading packages. ### 44. Best app to design web application. **Rating:** 5.0/5.0 stars **Reviewed by:** Satyam G. | Management Lead, Small-Business (50 or fewer emp.) **Reviewed Date:** November 19, 2022 **What do you like best about CodePen?** Its design is very interesting and so user friendly to interact and manage tools. **What do you dislike about CodePen?** Codepen IDE is best when i started coding there, but now there are many more softwares which gives the same abd codepen ca inprove its IDE far more than usual. **What problems is CodePen solving and how is that benefiting you?** Its usually helping students to learn abd grow more in designing. It helps coders to code without any second thought. ### 45. Great, unqiue way solve problem and get answer **Rating:** 5.0/5.0 stars **Reviewed by:** Sojitra V. | Laravel Web Developer, Small-Business (50 or fewer emp.) **Reviewed Date:** November 24, 2022 **What do you like best about CodePen?** I can get very helpful solutions from codepen **What do you dislike about CodePen?** Sometimes I lost my changes when mistakenly reload pages **What problems is CodePen solving and how is that benefiting you?** Design Problem ### 46. Best online code community on the internet **Rating:** 4.5/5.0 stars **Reviewed by:** Aryan K. | SDE intern, Mid-Market (51-1000 emp.) **Reviewed Date:** March 24, 2022 **What do you like best about CodePen?** One thing I like most about codepen is its interface. Each and every feature is illustrated in such a way that even a newbie can understand what's happening and what all features the software offers. **What do you dislike about CodePen?** Sometimes I find the software a bit choppy and slow. It usually happens when I have to write multiple lines of code. Also the free version doesn't have much flexibility,features which I think should be more. **What problems is CodePen solving and how is that benefiting you?** I've using codepen for my work, because of codepen I don't have to open an IDE each time I have to test some code. I simply test it here at codepen which is much faster and easier. There are many other communities, code editors online but I found codepen the fastest among them. ### 47. Best online Web Dev support Code Editor...! **Rating:** 4.5/5.0 stars **Reviewed by:** Apoorv N. | Android Developer, Small-Business (50 or fewer emp.) **Reviewed Date:** June 08, 2022 **What do you like best about CodePen?** The best part of Codepen is the support for numerous external plugins which u can add based on your demand. The facility to save down the code snippets makes it very much handy for frontend developers to use it on day to day basis. **What do you dislike about CodePen?** Sometimes it gets cumbersome to use and takes time to load and demands purchase of premium membership for some extensions. **What problems is CodePen solving and how is that benefiting you?** At times, in order to share and discuss code snippets online, codepen comes into role and helps a lot. ### 48. A very handy website to find and showcase Frontend talents. **Rating:** 4.0/5.0 stars **Reviewed by:** Yoyal L. | Back End Developer, Small-Business (50 or fewer emp.) **Reviewed Date:** April 07, 2022 **What do you like best about CodePen?** The ease of it all. I can easily add any plugins from the internet using it's cdn without any hastle. Write Html, Css or JS with on the go and get your results instantly. What is there not to like. Also how easy it is for me to just look at another pen and use it in my project or play with it then and there. **What do you dislike about CodePen?** While I love codepen very much the only problem I have is with the privacy option. I agree on the part for the site to earn money from it's users, however restriction on the most basic stuff like showing and hiding finished work in my opinion is a bit much. **Recommendations to others considering CodePen:** If you want to showcase your work and your HTML,CSS or js talent this is the website. **What problems is CodePen solving and how is that benefiting you?** Showcasing and sharing my work with my friends. Also using my codepen profile to share it on my socials and website to showcase my work and talent with potential recruiters and friends. The landing page of the user can also be upgraded with other information of the user. ### 49. Best online editor for front end developers **Rating:** 5.0/5.0 stars **Reviewed by:** dineswar N. | system trainee engineer, Small-Business (50 or fewer emp.) **Reviewed Date:** March 30, 2022 **What do you like best about CodePen?** Codepen makes it easy to code and provides many features online. it provides HTML, CSS and JAVASCRIPT on one screen with three rows by this it is very handy for begineers **What do you dislike about CodePen?** it is the best editor but sometimes it is choppy and takes time to load and for some extensions, it needs a premium version and we always need to check autosave **Recommendations to others considering CodePen:** for beginners who want to practice web designing, HTML,CSS, Javascript it is the best site to practice **What problems is CodePen solving and how is that benefiting you?** I can test my code anywhere and search for solutions online and sharing code is one of the best feature i can share my code to others and i can take others code to compare ### 50. It's an amazing platform for developers. **Rating:** 4.5/5.0 stars **Reviewed by:** Aditya R. | Software Engineer, Enterprise (> 1000 emp.) **Reviewed Date:** April 20, 2022 **What do you like best about CodePen?** Codepen provides the best and Realtime IDE where developers play with code without having any complexity. Code sharing is very easy with the realtime preview there. **What do you dislike about CodePen?** While sometimes, Rendering animated and hovering takes time to load and when users imort some code they can't able to run directly in local system. Needs some modification,so must provide good algorithm that make runnable to local system. **What problems is CodePen solving and how is that benefiting you?** Best benifit from codepen is there online IDE,and easy accessible from anywhere. we don't have to worry and be dependent on local system. Account and code synchronization is very beneficial for me. ## 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?section=pricing&secure%5Bexpires_at%5D=2026-06-07+12%3A22%3A58+-0500&secure%5Bsession_id%5D=e0dc15f7-9516-452c-b5d3-1427f5e0fc61&secure%5Btoken%5D=66e11d34ae806f28fcdd6bf486a792d5076a6e1f654dcec6ed364fbc53d2019d&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,624 reviews) - [Sublime Text](https://www.g2.com/products/sublime-text/reviews) - 4.5/5.0 (1,749 reviews) - [Notepad++](https://www.g2.com/products/notepad/reviews) - 4.6/5.0 (2,409 reviews)