CodePen Alternatives

CodePen is described as 'A communal platform for front-end development offering real-time previews, project building, and showcases, enhancing skills through challenges' and is a very popular Code Editor in the development category. There are more than 50 alternatives to CodePen, not only websites but also apps for a variety of platforms, including Self-Hosted, Linux, Mac and Windows apps. The best CodePen alternative is jsFiddle, which is free. Other great sites and apps similar to CodePen are Replit, Firebase Studio, Qoder IDE and CodeSandbox.

Copy a direct link to this comment to your clipboard
CodePen alternatives page was last updated

Alternatives list

  1. kodeWeave icon
     25 likes

    kodeWeave is a realtime coding playground for HTML, CSS and Javascript. Similar to JSFiddle and JSBin, but kodeWeave was made to work offline but also as a prototyping application to build applications for desktop operating systems while on mobile devices.

    Cost / License

    • Free
    • Open Source

    Application types

    Alerts

    • Discontinued

    Platforms

    • Mac
    • Windows
    • Linux
    • Online
    • Android
    • Chrome OS
    • Android Tablet
     
  2. Plunker icon
     28 likes

    Plunker is an online community for creating, collaborating on and sharing your web development ideas.

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Online
     
  3. goormIDE icon
     7 likes

    goormIDE is a powerful cloud IDE service to maximize the productivity for developers and teams. You can build your own development environment with just a few clicks and collaborate in real-time on the same docker container.

    18 goormIDE alternatives

    Cost / License

    • Free Personal
    • Proprietary

    Application types

    Platforms

    • Online
    • Software as a Service (SaaS)
     
  4. fastpen icon
     2 likes

    Fastpen is an open source alternative to codepen that just stores the source code compressed, in the url.

    Cost / License

    • Free
    • Open Source (MIT)

    Application type

    Platforms

    • Online
     
  5. Web Maker icon
     8 likes

    Web Maker is an easy, quick and offline web experiment playground available as a Chrome extension, with open source code available at GitHub.

    Cost / License

    • Free
    • Open Source (MIT)

    Application type

    Platforms

    • Online
    • Google Chrome
     
    |
    2
    11
    Comments about Web Maker as an Alternative to CodePen
    Triathlon
    Positive
    1

    1- Simpler to use 2- Code highlighting 3- And what I was looking for is : html auto completion, css and JS auto-suggestion

    chinchang
    Positive
    1

    Has almost all features of CodePen and even works offline.

    CodePen Icon
    Web Maker icon
    • Almost everyone thinks Web Maker is a great CodePen alternative.

    • Web Maker is Free and Open SourceCodePen is Freemium and Proprietary
  6. Liveweave icon
     22 likes

    Liveweave is a HTML5, CSS3 & JavaScript playground for web developers and designers

    Cost / License

    • Free
    • Proprietary

    Application type

    Platforms

    • Online
     
    |
    1
    Comments about Liveweave as an Alternative to CodePen
    Guest
    Negative
    0

    Doesn't support preprocessors nor libraries

    Review by a new / low-activity user.
    CodePen Icon
    Liveweave icon
    • Liveweave is Free and ProprietaryCodePen is Freemium and Proprietary
  7. Storm is an online web development environment which allows users to run HTML, CSS, Javascript code in real time in a secured environment. It supports sharing Scribble (Storm project) via a dedicated link and also allows users to use jQuery and React framework of JavaScript.

    Cost / License

    • Free
    • Proprietary (MIT)

    Application type

    Platforms

    • Online
     
  8. Codewith.it icon
     4 likes

    Codewith.it is an online HTML, CSS and JavaScript code playground with realtime preview with many tools for developing web pages and advanced code analysis systems, with many assistance tools.

    Cost / License

    • Free
    • Proprietary

    Application type

    Platforms

    • Online
     
  9. PLAYCODE icon
     3 likes

    Make Awesome Web Things, Demos, Apps with html, css, javascript in online code editor.

    19 PLAYCODE alternatives

    Cost / License

    • Freemium (Subscription)
    • Proprietary

    Application type

    Platforms

    • Online
     
  10. Codiad icon
     32 likes

    Codiad is an open source, web-based, cloud IDE and code editor with minimal footprint and requirements

    48 Codiad alternatives

    Cost / License

    • Free
    • Open Source

    Application types

    Alerts

    • Discontinued

    Platforms

    • Self-Hosted
     
  11. Codeply icon
     3 likes

    Codeply is a editor that lets you run and preview your HTML, CSS and JavaScript code from any modern Web-browser. You've seen this capability in other tools like JSFiddle, Codepen and Bootply. But, Codeply is different because it's not just a code editor.

    Cost / License

    • Free
    • Proprietary

    Platforms

    • Online
     
You are at page 2 of CodePen alternatives