CodePen Alternatives

Sites and apps similar to CodePen include Replit, which has a free version. Other options are jsFiddle, Firebase Studio, Qoder IDE and JSPad. You're spoiled for choice with Code Editors like CodePen: we list more than 50 alternatives for self-hosting, Mac, Windows, Linux and Android.

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

Alternatives list

  1. Thimble by Mozilla icon

    Thimble by Mozilla

     8 likes

    Webmaker - teach your self to code for the web.

    Cost / License

    Application type

    Alerts

    • Discontinued

    Platforms

    • Online
    • US flagUnited States
    Thimble by Mozilla screenshot 1
    Good alternative?
     
  2. kodeWeave icon

    kodeWeave

     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.

    Cost / License

    • Free
    • Open Source

    Application type

    Alerts

    • Discontinued

    Platforms

    • Mac
    • Windows
    • Linux
    • Online
    • Android
    • Chrome OS
    • Android Tablet
    The kodeWeave Web Application
    Good alternative?
     
  4. flems.io icon

    flems.io

     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
    flems.io screenshot 1
    Good alternative?
     
  5. Ad
    Screenshot
    Replit icon
    Replit

    Replit is a collaborative cloud development environment offering in-browser IDE features like AI assistance, real-time collaboration, Git support, hosting, deployment, syntax highlighting, plugin extensibility, ad-free UI, dark m...

    https://replit.com
    Learn More
  6. fastpen icon

    fastpen

     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
    Desktop view
    Good alternative?
     
  7. Liveweave icon

    Liveweave

     21 likes

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

    Cost / License

    • Free
    • Proprietary

    Application type

    Platforms

    • Online
    Liveweave screenshot 1
    Good alternative?
     
    |
    1
  9. Playcode icon

    Playcode

     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
    • US flagUnited States
    AI website and app builder. Describe the business or app in plain English and Playcode plans the structure, builds the interface, and keeps the project editable in a live browser workspace.
    Good alternative?
     
  10. Codeply icon

    Codeply

     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
    Codeply screenshot 1
    Good alternative?
     
  11. ShiftEdit icon

    ShiftEdit

     28 likes

    online IDE.

    Cost / License

    • Paid
    • Proprietary

    Application type

    Platforms

    • Online
    • Software as a Service (SaaS)
    • GB flagUnited Kingdom
    ShiftEdit screenshot 1
    Good alternative?
     
  12. Codiad icon

    Codiad

     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
    • Global
    Codiad screenshot 1
    Good alternative?
     
  13. Dabblet icon

    Dabblet

     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
    • GR flagGreece
    • European Union flagEU
    Dabblet screenshot 1
    Good alternative?
     
    |
    1
  14. Web Maker icon

    Web Maker

     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
    Web Maker screenshot 1
    Good alternative?
     
    |
    2
  15. Storm (by ScribbleX) icon

    Storm (by ScribbleX)

     4 likes

    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
    Storm by ScribbleX
    Good alternative?
     
You are at page 2 of CodePen alternatives