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, flems.io and Web Maker.

filter to find the best alternatives

CodePen alternatives are mainly Code Editors, but if you're looking for IDEs or Pastebin Services you can filter on that. Other popular filters include Free, Open Source, iPad, iPhone, Self-Hosted and Android. You can also filter by region, for example EU-based alternatives if you prefer software developed in the European Union. These are just examples - use the filter bar below to find more specific alternatives to CodePen.
More about CodePen
Copy a direct link to this comment to your clipboard
CodePen alternatives page was last updated

Alternatives list

  1. CodeSandbox icon

    CodeSandbox

     32 likes
    Copy a direct link to this comment to your clipboard

    CodeSandbox is an online editor with a focus on creating, sharing and importing new React projects

    29 CodeSandbox alternatives

    Cost / License

    • Freemium (Subscription)
    • Open Source

    Application type

    Platforms

    • Online
    Home
     
    |
    17

    • Almost everyone thinks CodeSandbox is a great CodePen alternative.

    • CodeSandbox is the most popular Open Source alternative to CodePen.

    • CodeSandbox is Freemium and Open SourceCodePen is Freemium and Proprietary
  2. JS Bin icon

    JS Bin

     65 likes
    Copy a direct link to this comment to your clipboard

    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.

    62 JS Bin alternatives

    Cost / License

    • Freemium (Subscription)
    • Open Source

    Application types

    Alerts

    • Discontinued

    Platforms

    • Online
    JS Bin screenshot 1
     
    |
    12
  4. vscode.dev icon

    vscode.dev

     7 likes
    Copy a direct link to this comment to your clipboard

    Online VScode editor.

    24 vscode.dev alternatives

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Online
    • Self-Hosted
    vscode.dev screenshot 1
     

    • vscode.dev is the most popular Self-Hosted alternative to CodePen.

    • vscode.dev is Free and Open SourceCodePen is Freemium and Proprietary
  5. flems.io icon

    flems.io

     8 likes
    Copy a direct link to this comment to your clipboard

    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
    flems.io screenshot 1
     
  6. Web Maker icon

    Web Maker

     8 likes
    Copy a direct link to this comment to your clipboard

    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

    Application type

    Platforms

    • Online
    • Google Chrome
    Web Maker screenshot 1
     
    |
    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
  7. Dabblet icon

    Dabblet

     21 likes
    Copy a direct link to this comment to your clipboard

    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
    Dabblet screenshot 1
     
    |
    1
    Comments about Dabblet as an Alternative to CodePen
    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.
    CodePen Icon
    Dabblet icon

    • Most users think Dabblet is a great CodePen alternative.

    • Dabblet is Free and Open SourceCodePen is Freemium and Proprietary
  9. kodeWeave icon

    kodeWeave

     25 likes
    Copy a direct link to this comment to your clipboard

    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
    The kodeWeave Web Application
     
  10. Plunker icon

    Plunker

     28 likes
    Copy a direct link to this comment to your clipboard

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

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Online
    Plunker being edited
     
  11. fastpen icon

    fastpen

     2 likes
    Copy a direct link to this comment to your clipboard

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

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Online
    Desktop view
     
  12. Thimble by Mozilla icon

    Thimble by Mozilla

     8 likes
    Copy a direct link to this comment to your clipboard

    Webmaker - teach your self to code for the web.

    Cost / License

    • Free
    • Open Source

    Application type

    Alerts

    • Discontinued

    Platforms

    • Online
    Thimble by Mozilla screenshot 1
     
  13. shelf.gg icon

    shelf.gg

     9 likes
    Copy a direct link to this comment to your clipboard

    shelf.gg is an open source pastebin that makes it easy to find and share lists of resources.

    Cost / License

    • Free
    • Open Source

    Application type

    Alerts

    • Discontinued

    Platforms

    • Mac
    • Windows
    • Linux
    • Online
    • Android
    • iPhone
    • Chrome OS
    • Android Tablet
    • Windows Phone
    • iPad
    • Self-Hosted
    • Linux Mobile
    shelf.gg screenshot 1
     
  14. Codiad icon

    Codiad

     32 likes
    Copy a direct link to this comment to your clipboard

    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
    Codiad screenshot 1
     
12 of 24 CodePen alternatives