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, Mac, Windows and Linux apps. The best CodePen alternative is jsFiddle, which is free. Other great sites and apps similar to CodePen are Replit, Firebase Studio, CodeSandbox and JS Bin.

Copy a direct link to this comment to your clipboard
Alternatives
Get a badge for your siteCodePen alternatives page was last updated

Alternatives list

  1. flems.io icon
     7 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
    Good alternative?
     
  2. kodeWeave icon
     24 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.

    61 kodeWeave alternatives

    Cost / License

    • Free
    • Open Source

    Application type

    Alerts

    • Discontinued

    Platforms

    • Mac
    • Windows
    • Linux
    • Online
    • Android
    • Chrome OS
    • Android Tablet
    Good alternative?
     
  3. Webmaker - teach your self to code for the web.

    Cost / License

    Application type

    Alerts

    • Discontinued

    Platforms

    • Online
    Good alternative?
     
  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
    Good alternative?
     
  5. Liveweave icon
     21 likes

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

    Cost / License

    • Free
    • Proprietary

    Application type

    Platforms

    • Online
    Good alternative?
     
    |
    1
  6. Playcode icon
     3 likes

    Playcode is an AI website builder and AI app builder for creating, editing, and publishing live web projects. Describe the website, landing page, internal tool, or app you need in plain language, refine the result with AI chat and visual editing, and publish with hosting, SSL...

    Cost / License

    • Freemium
    • Proprietary

    Platforms

    • Online
    Good alternative?
     
  7. 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
    Good alternative?
     
  8. ShiftEdit icon
     28 likes

    online IDE.

    Cost / License

    • Paid
    • Proprietary

    Application type

    Platforms

    • Online
    • Software as a Service (SaaS)
    Good alternative?
     
  9. Codiad icon
     32 likes

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

    46 Codiad alternatives

    Cost / License

    • Free
    • Open Source

    Application type

    Alerts

    • Discontinued

    Platforms

    • Self-Hosted
    Good alternative?
     
  10. Dabblet icon
     20 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
    Good alternative?
     
    |
    1
  11. 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
    Good alternative?
     
  12. 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
    Good alternative?
     
    |
    2
You are at page 2 of CodePen alternatives