Dev tools · alternatives · 2026
24 alternatives to Pencil.js 🖉
Nice modular interactive 2D drawing library.
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Pencil.js 🖉 launched in 2018; newer entries below may have overtaken it.
- 1
Rough.js is a light weight javascript library that lets you draw graphics with a hand-drawn, sketchy, appearance.
2018 · roughjs.com · its alternatives →
- 2DJDrawingboard.js▲233
2013 · leimi.github.io · its alternatives →
- 3
Chart.js▲263Simple, clean & engaging charts for designers and developers
2014 · chartjs.org · its alternatives →
- 4AR
2015 · xqt2.com · its alternatives →
- 5
Chart.js 2.0▲440Simple, clean & engaging charts for designers & developers.
2016 · chartjs.org · its alternatives →
- 6RJ
A JavaScript library for programming graphic design systems with SVG
2015 · runemadsen.github.io · its alternatives →
- 7
- 8
p5.js▲202JS library for creating graphic and interactive experiences
2015 · p5js.org · its alternatives →
- 9TJ
A JavaScript Library for creating SVG patterns
2015 · riccardoscalco.github.io · its alternatives →
- 10GN
2016 · graphicsjs.org · its alternatives →
- 11GJ
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 →
- 12
Pts is a javascript library for visualization and creative-coding.
2018 · ptsjs.org · its alternatives →
- 13
Many JS libraries exist to build graphs on the web (Vega, chartJS, Plotly...). They allow to make charts quickly. But you lose flexibility: you're limited by the options they offer. I just created a gallery with hundreds of graphs made with d3.js and React. - Examples are split by graph types - They all come with explanation and code sandboxes - Gradual complexity to ease the learning curve It took me ages to create this project! Feedback welcome!
2023 · react-graph-gallery.com · its alternatives →
- 14GJ
2016 · omrelli.ug · its alternatives →
- 15
Shape 2▲5405000+ fully customizable assets for your web design projects
2020 · shape.so · its alternatives →
- 16
React Sketch.app▲215Render React components to Sketch ⚛️💎
2017 · react-sketchapp.airbnb.tech · its alternatives →
- 17
A fast, multipurpose and lightweight JavaScript animation library
2016 · anime-js.com · its alternatives →
- 18SJ
2020 · hole.dev · its alternatives →
- 19
Here's a project I've been working on for a little while now. Ripl is a JS library that provides a unified API for rendering shapes on both canvas and SVG interchangeably. Over the years I've used D3 extensively to create data visualisations so I figured I'd have a go at making my own version with a slightly more modern API and stricter TypeScript support. I am aware there are already libraries that can draw to multiple contexts interchangeably, but I've added a few little niceties to Ripl that (as far as I know) some other libraries don't have such as CSS-like query selectors, DOM-like…
2024 · github.com · its alternatives →
- 20ZJ
2020 · bennettfeely.com · its alternatives →
- 21
Blotter.js▲243A JavaScript API for unconventional text effects on the web.
2018 · blotter.js.org · its alternatives →
- 22
- 23
☊ Tool for making node graphs. Inspired by dependency graph. Used mainly for automation services 📈 - aexol-studio/tree
2018 · github.com · its alternatives →
- 24
Render multiple moving rectangles to compare a number of canvas engines.
2020 · benchmarks.slaylines.io · its alternatives →
Also compare
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 →