Open Source CodePen AlternativesTop Code Editors and other similar apps like CodePen

The best open source alternative to CodePen is CodeSandbox. If that doesn't suit you, our users have ranked more than 50 alternatives to CodePen and many of them is open source so hopefully you can find a suitable replacement. Other interesting open source alternatives to CodePen are JS Bin, vscode.dev, Dabblet and flems.io.

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

Alternatives list

  1. JS Bin icon
     65 likes

    JS Bin is a collaborative open source JavaScript debugging tool. Enter Javascript in one pane and HTML in the other and see the result; share using a short URL. Choose popular JS libs from a menu, so you don't have to remember the URL.

    61 JS Bin alternatives

    Cost / License

    • Freemium
    • Open Source (MIT)

    Application types

    Alerts

    • Discontinued

    Platforms

    • Online
     
  2. Dabblet icon
     21 likes

    dabblet is an interactive playground for quickly testing snippets of CSS and HTML code. It uses -prefix-free, so that you won't have to add any prefixes in your CSS code. You can save your work in Github gists, embed it in other websites and share it with others.

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Online
     
    |
    1
    Dabblet vs CodePen Comments
    Guest
    Positive
    0

    It's purdy and doesn't have a lot of the fluff that CodePen does. Changes take place much faster here.

    Review by a new / low-activity user.
    • Dabblet is Free and Open SourceCodePen is Freemium and Proprietary
  3. flems.io icon
     8 likes

    Flems is a playground for web development. It's ideal for prototyping ideas & sharing working front-end code examples.

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Online
    • Self-Hosted
     
  4. 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
     
  5. Plunker icon
     28 likes

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

    56 Plunker alternatives

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Online
     
  6. 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
     
  7. 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
    Web Maker vs CodePen Comments
    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.

    • Web Maker is Free and Open SourceCodePen is Freemium and Proprietary
  8. Codiad icon
     32 likes

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

    Cost / License

    • Free
    • Open Source

    Application types

    Alerts

    • Discontinued

    Platforms

    • Self-Hosted
     
  9. ViperIDE icon
     1 like

    An innovative MicroPython IDE for web and mobile.

    Cost / License

    • Free
    • Open Source (MIT)

    Application type

    Platforms

    • Online
    • Self-Hosted
     
12 of 24 CodePen alternatives