Life & fun · alternatives · 2026

24 alternatives to RoughJS – Create hand-drawn graphics using JavaScript

Rough.js is a light weight javascript library that lets you draw graphics with a hand-drawn, sketchy, appearance.

RoughJS is a JavaScript library that enables developers to create graphics with a hand-drawn, sketchy appearance. Launched in 2018, it allows programmers to generate charts, diagrams, and illustrations that look… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. RoughJS – Create hand-drawn graphics using JavaScript launched in 2018; newer entries below may have overtaken it.

1. 1
   RoughNotation – create and animate hand-drawn annotations on a web page▲696

   A small JavaScript library to create and animate hand-drawn annotations on a web page

   2020 · roughnotation.com · its alternatives →

2. 2
   Rough.js▲7

   Create graphics with a hand-drawn, sketchy, appearance

   2018 · roughjs.com · its alternatives →

3. 3
   RoughJS – Create hand-drawn graphics now supports both SVG and Canvas▲7

   Create graphics with a hand-drawn, sketchy, appearance - rough-stuff/rough

   2018 · github.com · its alternatives →

4. 4
   Rough Charts▲145

   A responsive react charting library with a hand-drawn style.

   2019 · github.com · its alternatives →

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

   A JavaScript Library for creating SVG patterns

   2015 · riccardoscalco.github.io · its alternatives →

6. 6
   Chart.js▲263

   Simple, clean & engaging charts for designers and developers

   2014 · chartjs.org · its alternatives →

7. 7GN
   GraphicsJS, New Powerful Free Open-Source JavaScript Graphics Library▲124

   2016 · graphicsjs.org · its alternatives →

8. 8
   Create sketchy, hand-drawn version of image in browser with WebAssembly▲16

   Rough Draw creates a sketchy, hand-drawn version of any image using RoughJS and a WASM version of OpenCV.

   2018 · pshihn.github.io · its alternatives →

9. 9GJ
   G9.js – Automatically Interactive Differentiable Graphics▲237

   2016 · omrelli.ug · its alternatives →

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

11. 11DJ
    Drawingboard.js▲233

    2013 · leimi.github.io · its alternatives →

12. 12
    Chart.js 2.0▲440

    Simple, clean & engaging charts for designers & developers.

    2016 · chartjs.org · its alternatives →

13. 13
    Graphics.js▲93

    Made a video game in < 15 min

    2022 · github.com · its alternatives →

14. 14
    Handwritten.js – Convert typed text to realistic handwriting▲255

    Convert typed text to realistic handwriting! Contribute to alias-rahil/handwritten.js development by creating an account on GitHub.

    2020 · github.com · its alternatives →

15. 15
    Blotter.js▲243

    A JavaScript API for unconventional text effects on the web.

    2018 · blotter.js.org · its alternatives →

16. 16AR
    A resource for drawing complex primitives in JavaScript▲70

    2015 · xqt2.com · its alternatives →

17. 17DJ
    Dimage.js – Never settle for two dimensions▲119

    2019 · jjkaufman.github.io · its alternatives →

18. 18RJ
    Rune.js – Graphic design systems with SVG in the browser or Node.js▲92

    A JavaScript library for programming graphic design systems with SVG

    2015 · runemadsen.github.io · its alternatives →

19. 19
    TikZ Editor – WYSIWYG editor for figures in LaTeX▲451

    Hi all! TikZ is a widely-used LaTeX package for drawing figures in papers. It uses commands like \draw[->] (0,0) -- (1,2); to draw lines, shapes, text, etc. Academics usually code up their figures by hand, so there is lots of twiddling around with the coordinates and recompiling until things look nice. I guess it’s a bit like SVG, but it’s more code than markup, for example it has loops with \foreach. I built an open-source WYSIWYG TikZ editor (available for web and desktop) that allows you to edit your TikZ source code visually by dragging and resizing elements. It simultaneously shows the…

    Jun 2026 · tikz.dev · its alternatives →

20. 20
    EasySketch▲25

    Turn rough-sketches into beautiful graphics!

    2025 · easysketch.ai · its alternatives →

21. 21
    GraphicsJS▲77

    Powerful free open-source JavaScript vector graphics library

    2016 · its alternatives →

22. 22
    DiagramJS – Create beautiful node diagrams using JavaScript▲33

    ☊ Tool for making node graphs. Inspired by dependency graph. Used mainly for automation services 📈 - aexol-studio/tree

    2018 · github.com · its alternatives →

23. 23GJ
    Grid.js – Advanced table library that works everywhere▲390

    Grid.js is a lightweight JavaScript table plugin that works on all web browsers and devices. Grid.js is open-source and it helps you create advanced tables in seconds!

    2020 · gridjs.io · its alternatives →

24. 24
    Doka.js▲331

    A JavaScript image editor for your website ✂️

    2018 · pqina.nl · 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 →