AlternativeTo Logo

Open Source CodePen Alternatives

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, Plunker, kodeWeave and Codiad.

CodePen alternatives are mainly Code Editors but may also be IDEs or Pastebin Services. Filter by these if you want a narrower list of alternatives or looking for a specific functionality of CodePen.
This page was last updated Mar 23, 2022
CodePen
  107
  • FreemiumProprietary
  • Online

CodePen is a social development environment for front-end designers and developers. 

Learn more about CodePen

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

    Almost everyone thinks CodeSandbox is a great alternative to CodePen.
  2. JS Bin

    • FreemiumOpen Source
    • Online

    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.

    Most users think JS Bin is a great alternative to CodePen.


  3. Plunker

    • FreeOpen Source
    • Online

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

  4. kodeWeave

    • FreeOpen Source
    • Mac
    • Windows
    • Linux
    • Online
    • Android
    • Chrome OS
    • Android Tablet

    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.

    Some users think kodeWeave is a great alternative to CodePen, some don't.
  5. Codiad

    • FreeOpen Source
    • Self-Hosted

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

    Discontinued

    "Given its age and number of viable alternatives now available, Codiad is no longer under active maintenance by core contributors."https://github.com/Codiad/Codiad/commit/19c9223d70ca0eb164b6891b6e1350c75a62e8f2



  6. Try It Online (TIO)

    • FreeOpen Source
    • Online
    • Self-Hosted

    TIO is a family of online interpreters for an evergrowing list of practical and recreational programming languages.

    No screenshots yet
  7. Web Maker

    • FreeOpen Source
    • Online
    • Google Chrome

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

    Web Maker vs CodePen opinions
    Almost everyone thinks Web Maker is a great alternative to CodePen.
    chinchang

    Has almost all features of CodePen and even works offline.

    Positive comment over 5 years ago
    Copy a direct link to this comment to your clipboard   
    If this Comment contains spam or other abuse, notify admins about it.

    1
    Triathlon

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

    Positive comment about 4 years ago
    Copy a direct link to this comment to your clipboard   
    If this Comment contains spam or other abuse, notify admins about it.

    1
  8. HTMLhouse

    • FreeOpen Source
    • Self-Hosted

    Publish HTML quickly with open source web editor, HTMLhouse. Use the editor / real-time preview to build your HTML page, and press publish when you're done. That's it! No sign up, no fuss.

    Discontinued

    The last release is from March 2018, and the website and Chrome extension are unavailable.

  9. Dabblet

    • FreeOpen Source
    • Online

    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.

    Dabblet vs CodePen opinions
    pros, cons and recent comments

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

    Positive comment almost 3 years ago
    Copy a direct link to this comment to your clipboard   
    If this Comment contains spam or other abuse, notify admins about it.

    0
  10. Atheos is a web-based IDE framework with a small footprint and minimal requirements, built on top of Codiad by FluidByte and the Codiad Team.

Showing 10 of 21 alternatives