Dev tools · alternatives · 2026

24 alternatives to CodePen Projects

CodePen IDE within web browser

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. CodePen Projects launched in 2017; newer entries below may have overtaken it.

1. 1
   CodePen Projects▲288

   A web based IDE for building websites by CodePen

   2017 · codepen.io · its alternatives →

2. 2
   CodePen▲109

   HTML, CSS, and JavaScript editor in the browser.

   2014 · codepen.io · its alternatives →

3. 3
   CodePen▲11

   Front-End Developer Playground & Code Editor in the Browser

   2015 · codepen.io · its alternatives →

4. 4
   CodePen Patterns▲243

   A collection of design patterns & code for your project

   2014 · codepen.io · its alternatives →

5. 5
   CodeMyUI▲242

   Handpicked code snippets you can use in your web projects

   2015 · codemyui.com · its alternatives →

6. 6
   Codesign.io▲327

   Visual feedback on everything

   2015 · codesign.io · its alternatives →

7. 7
   Codesign.io for Chrome▲209

   Simplest way to share and discuss feedback on the web

   2015 · codesign.io · its alternatives →

8. 8
   Input▲97

   Fonts for Code

   2015 · its alternatives →

9. 9
   [Extension] Codepen New Tab▲2

   Codepens in your chrome tabs

   2017 · chromewebstore.google.com · its alternatives →

10. 10
    CodeComet▲109

    Version control, collaboration and online coding for devs

    2016 · codecomet.io · its alternatives →

11. 11
    CodeSwing – A CodePen-like interactive playground, built into VS Code▲159

    VS Code extension for building web applications ("swings") using a interactive and editor-integrated coding environment - lostintangent/codeswing

    2020 · github.com · its alternatives →

12. 12
    Product Deployment▲7

    Host, Publish, & share your CodePen project with custom URLs

    2017 · blog.codepen.io · its alternatives →

13. 13
    IDE▲11

    Codegive

    2025 · its alternatives →

14. 14
    CoderPad▲77

    In-browser REPL and compiler for programmer interviews.

    2014 · coderpad.io · its alternatives →

15. 15
    Cycles▲179

    Visual feedback and approvals for web development

    2016 · cycleshq.com · its alternatives →

16. 16
    Projects by Code School▲132

    Build and deploy real-world applications

    2016 · pluralsight.com · its alternatives →

17. 17
    APItools▲98

    API Zen for App Developers

    2014 · apitools.com · its alternatives →

18. 18
    Code Box▲78

    A desktop app, inspired by CodePen and JSFiddle

    2021 · virejdasani.github.io · its alternatives →

19. 19
    Monaco Editor▲98

    A browser based code editor

    2016 · microsoft.github.io · its alternatives →

20. 20
    CodePen New Tab Page (Unofficial)▲3

    CodePens in your Chrome Tab (Unofficial)

    2016 · chromewebstore.google.com · its alternatives →

21. 21
    CodePen: Online Code Editor▲16

    Build, share, and learn JavaScript, CSS, and HTML editor.

    2021 · codepen.io · its alternatives →

22. 22
    Codepad 2.0▲96

    Share & save code snippets

    2016 · its alternatives →

23. 23
    CodeKit▲88

    Complete IDE like code editor for WordPress

    2021 · codekitwp.com · its alternatives →

24. 24
    CodeCode Ninja▲114

    Flashcards for programmers

    2015 · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →