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 Mac, Windows, Linux and Self-Hosted 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
CodePen alternatives page was last updated

Alternatives list

  1. 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
     
  2. shelf.gg icon
     9 likes

    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
     
  3. Codewith.it icon
     4 likes

    Codewith.it is an online HTML, CSS and JavaScript code playground with realtime preview with many tools for developing web pages and advanced code analysis systems, with many assistance tools.

    Cost / License

    • Free
    • Proprietary

    Application type

    Platforms

    • Online
     
  4. Spck Editor icon
     3 likes

    A full-fledged, embeddable, online editor for private, offline web projects. Integrates with Github, and is also mobile friendly!.

    Cost / License

    • Free
    • Proprietary

    Application type

    Platforms

    • Online
    • Android
     
  5. BoxCoding icon
     1 like

    BoxCoding is a website for frontend developers featuring hundreds of community-made CSS and HTML UI elements. All elements are open source and free to use. Explore Elements and Free Source Code in HTML, CSS and JavaScript that can be used in your next project.

    Cost / License

    • Free
    • Proprietary

    Platforms

    • Online
     
  6.  1 like

    js.do is a JavaScript online source code editor. When you need to write and test JavaScript code, it's very useful to have a simple page where you can paste or type your code and run online tests, save and share snippets of code or full javascript projects.

    Cost / License

    • Free
    • Proprietary

    Platforms

    • Online
     
  7. ViperIDE icon
     1 like

    An innovative MicroPython IDE for web and mobile.

    Cost / License

    • Free
    • Open Source (MIT)

    Application type

    Platforms

    • Online
    • Self-Hosted
     
  8. TIO is a family of online interpreters for an evergrowing list of practical and recreational programming languages.

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Online
    • Self-Hosted
     
  9. Pterocos icon
     2 likes

    A browser-based coding environment for front-end developers. Write HTML, CSS, and JS with a VS Code-grade editor (Monaco), live preview, SCSS/TypeScript/Babel support, and an AI chat assistant for debugging and suggestions. All projects save to local storage.

    Cost / License

    Platforms

    • Online
     
  10. CodeJS icon
     1 like

    CodeJS is a powerful, free online code editor that serves as an excellent alternative to JSBin, CodePen, and JSFiddle. What sets it apart is its unique integration of three AI assistants.

    Cost / License

    • Free
    • Proprietary (MIT)

    Application type

    Platforms

    • Online
     
  11. Atheos IDE icon
     6 likes

    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.

    Cost / License

    • Free
    • Open Source (MIT)

    Application types

    Platforms

    • Mac
    • Windows
    • Linux
    • Online
    • Self-Hosted
     
  12. CssDeck icon
     6 likes

    Its about quite a few things. You can use CSSDeck to make testcases and share with other people on IRC, forums, StackOverflow, etc. who help you solve your coding problems. You can even code with multiple people in realtime in various modes. Remember etherpad ?

    Cost / License

    • Free
    • Proprietary

    Application type

    Platforms

    • Online
     
You are at page 3 of CodePen alternatives