Dev tools · alternatives · 2026

24 alternatives to CodePen Projects

A web based IDE for building websites by CodePen

CodePen Projects is a web-based IDE that allows developers to build websites directly in their browser. Launched in 2017, it provides an integrated environment for writing and testing HTML, CSS, and JavaScript code.… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. CodePen Projects launched in 2017; newer entries below may have overtaken it.

1. 1
   Codesign.io▲327

   Visual feedback on everything

   2015 · codesign.io · its alternatives →

2. 2
   CodePen▲109

   HTML, CSS, and JavaScript editor in the browser.

   2014 · codepen.io · its alternatives →

3. 3
   CodePen Projects▲4

   CodePen IDE within web browser

   2017 · blog.codepen.io · its alternatives →

4. 4
   CodeDesign.AI for WordPress▲520

   Transform your idea into a gorgeous website with AI

   2024 · codedesign.ai · its alternatives →

5. 5
   Web.dev by Google▲815

   Learn how to build for the web and see where you stand 🌟

   2018 · web.dev · its alternatives →

6. 6
   Codeplace▲257

   Learn how to code by building real web apps

   2016 · its alternatives →

7. 7
   CodeSandbox▲292

   The online code editor for web development

   2018 · codesandbox.io · its alternatives →

8. 8
   CodeDesign▲246

   No-code platform to build, launch & export pages 91% faster

   2021 · codedesign.ai · its alternatives →

9. 9
   CodePen▲11

   Front-End Developer Playground & Code Editor in the Browser

   2015 · codepen.io · its alternatives →

10. 10
    CodeDesign.ai▲208

    Build & launch your next website in 30 seconds with AI

    2023 · codedesign.ai · its alternatives →

11. 11
    CodeSwing – A CodePen-like interactive playground, built into VS Code▲159

    VS Code extension for building web applications ("swings") using a interactive and editor-integrated coding environment - lostintangent/codeswing

    2020 · github.com · its alternatives →

12. 12
    Code Box▲78

    A desktop app, inspired by CodePen and JSFiddle

    2021 · virejdasani.github.io · its alternatives →

13. 13
    CODECAST▲254

    HTML & CSS editor in your browser with real-time previews

    2015 · codecast.me · its alternatives →

14. 14
    CodePen Patterns▲243

    A collection of design patterns & code for your project

    2014 · codepen.io · its alternatives →

15. 15ID
    I Design with Code▲149

    2016 · codepen.io · its alternatives →

16. 16IY
    Improve your front end skills by practicing on real design templates▲189

    Find information, resources and relevant links for codewell.cc. This domain may be for sale.

    2021 · codewell.cc · its alternatives →

17. 17
    Codemade.io▲276

    Pinterest for coders

    2016 · codemade.io · its alternatives →

18. 18
    Codesphere▲340

    Deploy anything in under 5s, no DevOps experience needed

    2023 · its alternatives →

19. 19
    Indiepen▲111

    Privacy-friendly tool to embed HTML, CSS & JS code examples

    2021 · indiepen.tech · its alternatives →

20. 20
    CodeStream▲261

    Discuss, review, and understand code from inside your IDE

    2019 · its alternatives →

21. 21
    Codeboard.io, a web-based IDE for the classroom▲17

    2015 · codeboard.io · its alternatives →

22. 22
    StudioForm Pro Library▲341

    Build enterprise-grade multi-step Webflow forms in seconds

    2024 · its alternatives →

23. 23
    Codeist▲68

    A web based IDE for rapid development

    2021 · codeist.netlify.app · its alternatives →

24. 24
    KISS IDE – A simple web based IDE▲56

    KISS Integrated Development Environment. Contribute to derrybryson/kisside development by creating an account on GitHub.

    2017 · github.com · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →