--- title: CodePen Reviews meta\_title: 'CodePen Reviews 2026: Details, Pricing, & Features | G2' meta\_description: Filter 96 reviews by the users' company size, role or industry to find out how CodePen works for a business like yours. aggregate\_rating: rating\_value: 4.6 review\_count: 96 scale: '5' date\_modified: '2026-08-09' parent\_category: name: Editor url: https://www.g2.com/categories/editor --- # CodePen Reviews & Product Details CodePen is a social development environment for front-end designers and developers. * * * Seller [CodePen](https://www.g2.com/sellers/codepen) Discussions [CodePen Community](https://www.g2.com/products/codepen/discuss) Solution Type Best-of-Breed Show More ## Value at a Glance Averages based on real user reviews. ### Perceived Cost $$$$$ [ View More Pricing Information ](https://www.g2.com/products/codepen/pricing) ## Top-Rated Alternatives [ ![Visual Studio Code](/assets/transparent-ad5be28fbcd25b7b08d2cebe1d957125437fb5407d75ee717965ad22c8808791.gif "Visual Studio Code") Visual Studio Code 4.7/5(2,732) ](https://www.g2.com/products/visual-studio-code/reviews) [ ![Sublime Text](/assets/transparent-ad5be28fbcd25b7b08d2cebe1d957125437fb5407d75ee717965ad22c8808791.gif "Sublime Text") Sublime Text 4.5/5(1,783) ](https://www.g2.com/products/sublime-text/reviews) [ ![Notepad++](/assets/transparent-ad5be28fbcd25b7b08d2cebe1d957125437fb5407d75ee717965ad22c8808791.gif "Notepad++") Notepad++ 4.6/5(2,475) ](https://www.g2.com/products/notepad/reviews) [ View All Alternatives ](https://www.g2.com/products/codepen/competitors/alternatives) ## User Insights Average based on 96 real user reviews. Perceived Cost $$$$$ [Log in to unlock pricing and user insights](/login) ![Julian R.](/assets/transparent-ad5be28fbcd25b7b08d2cebe1d957125437fb5407d75ee717965ad22c8808791.gif "Julian R.") JR Julian R. Co-founder / Service Delivery Manager Marketing and Advertising Small-Business (50 or fewer emp.) 5/19/2026 "Inspiring Public Projects and a Polished JS/CSS/HTML Interface" 5/5 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. Review collected by and hosted on G2.com. What do you dislike about CodePen? There isn’t a thing I dislike at this point. Review collected by and hosted on G2.com. 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. Review collected by and hosted on G2.com. Show More Current UserValidated ReviewerIncentivizedSource: G2 invite ![Sameer C.](/assets/transparent-ad5be28fbcd25b7b08d2cebe1d957125437fb5407d75ee717965ad22c8808791.gif "Sameer C.") SC Sameer C. Development Lead Small-Business (50 or fewer emp.) 4/5/2024 "Codepen is an amazing tool for developers to showcase their small work at largescale!" 4.5/5 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. Review collected by and hosted on G2.com. 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! Review collected by and hosted on G2.com. 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! Review collected by and hosted on G2.com. Show More Current UserValidated ReviewerIncentivizedSource: G2 invite ![Rahul s.](/assets/transparent-ad5be28fbcd25b7b08d2cebe1d957125437fb5407d75ee717965ad22c8808791.gif "Rahul s.") RS Rahul s. Associate Analyst Enterprise (\> 1000 emp.) 3/3/2024 "CODE YOUR WAY" 5/5 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. Review collected by and hosted on G2.com. 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. Review collected by and hosted on G2.com. 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. Review collected by and hosted on G2.com. Show More 3/6/2024 Current UserValidated ReviewerIncentivizedSource: G2 invite ![Abhishek k.](/assets/transparent-ad5be28fbcd25b7b08d2cebe1d957125437fb5407d75ee717965ad22c8808791.gif "Abhishek k.") AK Abhishek k. Software Engineer Enterprise (\> 1000 emp.) 9/29/2023 "Best Tool For Frontend Developer" 5/5 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. Review collected by and hosted on G2.com. 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. Review collected by and hosted on G2.com. 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. Review collected by and hosted on G2.com. Show More 10/1/2023 Current UserValidated ReviewerIncentivizedSource: G2 invite ![Anthony C.](/assets/transparent-ad5be28fbcd25b7b08d2cebe1d957125437fb5407d75ee717965ad22c8808791.gif "Anthony C.") AC Anthony C. Patient Engagement Specialist Small-Business (50 or fewer emp.) 12/20/2023 "An easy way to learn" 5/5 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. Review collected by and hosted on G2.com. 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. Review collected by and hosted on G2.com. 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. Review collected by and hosted on G2.com. Show More Current UserValidated ReviewerSource: Organic ![Phil G.](/assets/transparent-ad5be28fbcd25b7b08d2cebe1d957125437fb5407d75ee717965ad22c8808791.gif "Phil G.") PG Phil G. Full-Stack Web Development as Digital Marketing Manager Mid-Market (51-1000 emp.) 11/10/2023 "An easy to use collaborative coding tool" 4.5/5 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. Review collected by and hosted on G2.com. 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. Review collected by and hosted on G2.com. 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. Review collected by and hosted on G2.com. Show More Current UserValidated ReviewerIncentivizedSource: G2 invite ![Sambit Kumar B.](/assets/transparent-ad5be28fbcd25b7b08d2cebe1d957125437fb5407d75ee717965ad22c8808791.gif "Sambit Kumar B.") SB Sambit Kumar B. Full Stack Software Engineer Computer Software Mid-Market (51-1000 emp.) 9/20/2023 "Briefly explanation & review about CodePan editer" 5/5 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. Review collected by and hosted on G2.com. 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. Review collected by and hosted on G2.com. 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 Review collected by and hosted on G2.com. Show More 10/14/2025 Current UserValidated ReviewerIncentivizedSource: G2 invite ![Mehul V.](/assets/transparent-ad5be28fbcd25b7b08d2cebe1d957125437fb5407d75ee717965ad22c8808791.gif "Mehul V.") MV Mehul V. Small-Business (50 or fewer emp.) 6/20/2023 "The best free coding tool to learn and implement!" 5/5 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. Review collected by and hosted on G2.com. 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. Review collected by and hosted on G2.com. 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. Review collected by and hosted on G2.com. Show More Current UserValidated ReviewerIncentivizedSource: G2 invite ![Anurag G.](/assets/transparent-ad5be28fbcd25b7b08d2cebe1d957125437fb5407d75ee717965ad22c8808791.gif "Anurag G.") AG Anurag G. Intern Small-Business (50 or fewer emp.) 5/26/2023 "Best coding platform to learn, test and improve your development skills." 5/5 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. Review collected by and hosted on G2.com. 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. Review collected by and hosted on G2.com. 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. Review collected by and hosted on G2.com. Show More Current UserValidated ReviewerIncentivizedSource: G2 invite ![Jade H.](/assets/transparent-ad5be28fbcd25b7b08d2cebe1d957125437fb5407d75ee717965ad22c8808791.gif "Jade H.") JH Jade H. Software Engineer Computer Software Mid-Market (51-1000 emp.) 11/21/2023 "Easy to use and share" 5/5 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. Review collected by and hosted on G2.com. What do you dislike about CodePen? Occasionally a more fringe framework won't be available. Review collected by and hosted on G2.com. 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. Review collected by and hosted on G2.com. Show More Current UserValidated ReviewerSource: Organic ## Questions about CodePen? Ask real users or explore answers from the community Get practical answers, real workflows, and honest pros and cons from the G2 community or share your insights. [ Ask about CodePen ](https://www.g2.com/products/codepen/discussions/new) GU Guest User What do you like most about CodePen for web development, and what features could be added? 0 Upvotes 0 [ Join the conversation ](https://www.g2.com/discussions/what-do-you-like-most-about-codepen-for-web-development-and-what-features-could-be-added) ![Dhananjay P.](/assets/transparent-ad5be28fbcd25b7b08d2cebe1d957125437fb5407d75ee717965ad22c8808791.gif "Dhananjay P.") DP Dhananjay Patel • Last activity over 3 years ago Is there any way to connect Github account to CodePen and uploads the pen directly? 1 Upvote 1 [ Join the conversation ](https://www.g2.com/discussions/is-there-any-way-to-connect-github-account-to-codepen-and-uploads-the-pen-directly) [ View all Discussions ](https://www.g2.com/products/codepen/discuss) ##### Pricing Pricing details for this product isn’t currently available. Visit the vendor’s website to learn more. [ View More Pricing Information ](https://www.g2.com/products/codepen/pricing) CodePen Comparisons ![Product Avatar Image](https://images.g2crowd.com/uploads/product/image/small_square/small_square_13aba37ae908d9cf29a2452925257ccc/visual-studio-code.jpeg "Product Avatar Image") Visual Studio Code 4.7/5(2,732) [ Compare Now ](https://www.g2.com/compare/codepen-vs-visual-studio-code) ![Product Avatar Image](https://images.g2crowd.com/uploads/product/image/small_square/small_square_d6666b6b8c18d1f36792437ccb1ac3e6/sublime-text.png "Product Avatar Image") Sublime Text 4.5/5(1,783) [ Compare Now ](https://www.g2.com/compare/codepen-vs-sublime-text) ![Product Avatar Image](https://images.g2crowd.com/uploads/product/image/small_square/small_square_6093da7187bfc5bbbeeb9c885fe39648/notepad.png "Product Avatar Image") Notepad++ 4.6/5(2,475) [ Compare Now ](https://www.g2.com/compare/codepen-vs-notepad) ##### ##### CodePen Features Coding Syntax highlighting Autocompletion Find and replace Editing Collaborative editing Language Support Selection Methods Functionality Extensibility Cross-platform support Plugins and integrations [ View More Features ](https://www.g2.com/products/codepen/features) ## Work at CodePen? Claim this profile to respond to reviews, update product info, and reach in-market buyers. [ Claim this profile ](https://www.g2.com/products/codepen/claim_requests/new?utm_medium=profile-footer-claim-cta&utm_source=g2) ##### Categories on G2 [Text Editor](https://www.g2.com/categories/text-editor) ##### Explore More [Expert picks for media monitoring software](https://www.g2.com/discussions/expert-picks-for-media-monitoring-software-what-s-your-opinion)[What legal billing software supports multiple currencies and rates?](https://www.g2.com/discussions/what-legal-billing-software-supports-multiple-currencies-and-rates)[What are the best M&A software platforms for organizations transitioning from legacy systems and infrastructure?](https://www.g2.com/discussions/what-are-the-best-m-a-software-platforms-for-organizations-transitioning-from-legacy-systems-and-infrastructure) [Most reliable cloud monitoring tools for my app](https://www.g2.com/discussions/most-reliable-cloud-monitoring-tools-for-my-app)[Which Google Workspace utilities have reliable automation and audit logging based on IT administrator reviews?](https://www.g2.com/discussions/which-google-workspace-utilities-have-reliable-automation-and-audit-logging-based-on-it-administrator-reviews)[Top tools for multi-cloud threat monitoring](https://www.g2.com/discussions/what-are-the-top-tools-for-multi-cloud-threat-monitoring) [Show MoreShow Less](javascript:void(0);)