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.

More about CodePen
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. snippet.host icon

    snippet.host

     14 likes

    snippet.host is a minimal text and code snippet hosting. With memorable domain name, it is free, lightweight, with no ads or cookies. Features include syntax highlighting in multiple languages, easy-to-use API and Tor hidden service support.

    Cost / License

    • Free
    • Proprietary

    Application type

    Platforms

    • Online
    snippet.host screenshot 1
    Good alternative?
     
  2. shelf.gg icon

    shelf.gg

     9 likes

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

    125 shelf.gg alternatives

    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
    Good alternative?
     
  4. Codewith.it icon

    Codewith.it

     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
    HTML, CSS and JS codes editors generate a preview on right window, with element inspector
    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. Spck Editor icon

    Spck Editor

     3 likes

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

    28 Spck Editor alternatives

    Cost / License

    • Free
    • Proprietary

    Application type

    Platforms

    • Online
    • Android
    Spck Editor screenshot 1
    Good alternative?
     
  7. BoxCoding icon

    BoxCoding

     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
    BoxCoding screenshot 1
    Good alternative?
     
  9. J

    JS.do

     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
    JS.do screenshot 1
    Good alternative?
     
  10. ViperIDE icon

    ViperIDE

     1 like

    An innovative MicroPython IDE for web and mobile.

    Cost / License

    • Free
    • Open Source (MIT)

    Application type

    Platforms

    • Online
    • Self-Hosted
    • UA flagUkraine
    ViperIDE screenshot 1
    Good alternative?
     
  11. Pterocos icon

    Pterocos

     3 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

    Application type

    Platforms

    • Online
    Pterocos screenshot 1
    Good alternative?
     
  12. Codi.link icon

    Codi.link

     1 like

    codi.link is a live editor for HTML, CSS and JS. It allows you to edit your code in real-time, and see the result instantly.

    Cost / License

    • Free
    • Open Source (MIT)

    Application type

    Platforms

    • Online
    Codi.link interface
    Good alternative?
     
  13. Try It Online (TIO) icon

    Try It Online (TIO)

     12 likes

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

    52 Try It Online (TIO) alternatives

    Cost / License

    • Free
    • Open Source

    Application type

    Platforms

    • Online
    • Self-Hosted
    Good alternative?
     
  14. CodeJS icon

    CodeJS

     2 likes

    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
    CodeJS screenshot 1
    Good alternative?
     
  15. Atheos IDE icon

    Atheos IDE

     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 type

    Platforms

    • Mac
    • Windows
    • Linux
    • Online
    • Self-Hosted
    Atheos IDE screenshot 1
    Good alternative?
     
You are at page 3 of CodePen alternatives