Dev tools · alternatives · 2026

24 alternatives to Scratch – a simple editor for live coding graphics with JS

Online editor for live coding JS graphics with the canvas API. - htor/framing

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Scratch – a simple editor for live coding graphics with JS launched in 2018; newer entries below may have overtaken it.

1. 1SJ
   Scratch.js – Interactive JavaScript Scratchpad▲169

   2020 · hole.dev · its alternatives →

2. 2
   Editor.js▲723

   A block-styled editor with clean JSON output

   2019 · editorjs.io · its alternatives →

3. 3
   Pts.js – A library for visualization and creative coding▲611

   Pts is a javascript library for visualization and creative-coding.

   2018 · ptsjs.org · its alternatives →

4. 4
   Framer Playground▲357

   A new creative coding environment in Framer X

   2019 · framer.com · its alternatives →

5. 5
   Draft.js▲166

   A framework for building rich text editors in React

   2016 · facebook.github.io · its alternatives →

6. 6
   React Bricks▲213

   CMS with visual editing based on React components

   2022 · reactbricks.com · its alternatives →

7. 7
   JSX.Design▲413

   The dev friendly no-code editor for React development

   2024 · its alternatives →

8. 8TJ
   Textures.js, SVG Patterns for Data Visualization▲404

   A JavaScript Library for creating SVG patterns

   2015 · riccardoscalco.github.io · its alternatives →

9. 9
   Liveblocks Starter Kit▲305

   Kickstart your Next.js collaborative application

   2023 · liveblocks.io · its alternatives →

10. 10
    CODECAST▲254

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

    2015 · codecast.me · its alternatives →

11. 11
    My winter project, BlockLike.js, an educational JavaScript library▲35

    2018 · blocklike.org · its alternatives →

12. 12
    PickCode – An educational coding environment for students after Scratch▲141

    PickCode is designed for use on desktop and tablet, and supports creating chatbots, visual designs, and 2D games. There is plenty of functionality missing - you can't add media to games for instance, but the current version shows off the foundation of what I'm aiming at. I taught myself to code using MIT's App Inventor, so I have an enormous respect for block based languages like App Inventor, Scratch, Snap!, MakeCode, etc. PickCode is my attempt at adding options for students who want to learn more about programming without making the jump to text, or as an alternative to block coding for…

    2022 · pickcode.io · its alternatives →

13. 13
    Sketch and Semplice▲93

    Build a custom design portfolio from scratch, zero coding.

    2016 · sketchandsemplice.com · its alternatives →

14. 14
    ScratchJr▲98

    Coding for young children

    2014 · scratchjr.org · its alternatives →

15. 15
    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 →

16. 16
    Scratchpad.io▲8

    A realtime HTML + CSS editor.

    2016 · dash.generalassemb.ly · its alternatives →

17. 17
    Stitches▲135

    The modern CSS-in-JS library with near-zero runtime.

    2020 · stitches.dev · its alternatives →

18. 18
    Codewich – A live-updating TypeScript/CSS/HTML playground▲114

    Create and share simple web demos using TypeScript, CSS, and HTML. Prototype new ideas quickly.

    2017 · codewich.com · its alternatives →

19. 19AD
    A DOM text-selection highlight renderer▲93

    A simple and fast zero-dependencies-library to transform text-selections into serializable markings.

    2015 · bowlingx.github.io · its alternatives →

20. 20
    Layers▲120

    Create beautiful animated code snippet videos for free

    May 2026 · newcreative.studio · its alternatives →

21. 21
    Blocklike.js Educational Library – So kids can level up from Scratch▲88

    Bridging the gap between block programming and JavaScript. - ronilan/BlockLike

    2019 · github.com · its alternatives →

22. 22
    Stage▲39

    browser canvas editor that brings your ideas to life

    Nov 2025 · screenshot-studio.com · its alternatives →

23. 23
    Prototyp▲115

    Free tool based on Framer.js to create awesome interactions

    2016 · bcgame-hindi.in.net · its alternatives →

24. 24
    Block Editor▲10

    Visual Page Builder with real code

    2025 · 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 →