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

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

Alternatives list

  1. 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
     
  2. ShiftEdit icon
     28 likes

    online IDE.

    Cost / License

    • Paid
    • Proprietary

    Application types

    Platforms

    • Online
    • Software as a Service (SaaS)
     
  3. Spck Editor icon
     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
     
  4. ViperIDE icon
     1 like

    An innovative MicroPython IDE for web and mobile.

    Cost / License

    • Free
    • Open Source (MIT)

    Application type

    Platforms

    • Online
    • Self-Hosted
     
  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. snippet.host icon
     13 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.

    114 snippet.host alternatives

    Cost / License

    • Free
    • Proprietary

    Application type

    Platforms

    • Online
     
  8. Outpan icon
     41 likes

    Find, create, or share awesome apps that work right here in your browser. And for developers, join the #1 platform to build, distribute, and monetize web-based apps.

    Cost / License

    • Free
    • Proprietary

    Application types

    Platforms

    • Online
     
  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. 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.

    38 Atheos IDE alternatives

    Cost / License

    • Free
    • Open Source (MIT)

    Application types

    Platforms

    • Mac
    • Windows
    • Linux
    • Online
    • Self-Hosted
     
  11. Trae Plugin icon
     7 likes

    Trae Plugin is an AI-powered cloud-based IDE (Integrated Development Environment). The built-in AI Assistant and the out-of-the-box development environment let you focus more on the development of various projects.

    Cost / License

    • Free
    • Proprietary

    Application type

    Platforms

    • Online
    • Visual Studio Code
     
  12. 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
     
You are at page 3 of CodePen alternatives