APM, error tracking, and dashboards for modern web apps. Ten-minute setup, transparent flat pricing, and support from engineers who actually use the product. Learn more →
Top 23 TypeScript Canva Projects
-
-
AppSignal
Monitoring that respects your time & budget. APM, error tracking, and dashboards for modern web apps. Ten-minute setup, transparent flat pricing, and support from engineers who actually use the product.
-
echarts
Apache ECharts is a powerful, interactive charting and data visualization library for browser
-
tldraw
Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.
Project mention: quickdraw VS tldraw - a user suggested alternative | libhunt.com/r/nmndwivedi/quickdraw | 2026-07-31tldraw ships under a custom license with a paid business tier (and a watermark you pay to remove). Quickdraw is MIT - free commercially forever, watermark off with watermark: false - with zero runtime deps, a ~46 kB core, and React / React Native / plain-JS packages in one project. Pick Quickdraw if you want a complete-but-lean free whiteboard you can embed and fork without legal friction.
-
pretext
15KB zero-dependency TypeScript library for fast, accurate text measurement & layout — 500x faster than DOM methods
-
PixiJS
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
If you're willing to do a bit more legwork, PixiJS [1] is also great at handling graphics (WebGL). It's what I used to build my animated jigsaw puzzle game [2].
[1] - https://pixijs.com
[2] - https://animated-puzzles.specr.net
-
Project mention: Add drawing tools, indicators and replay to Lightweight Charts without stitching six repos together | dev.to | 2026-06-09
TradingView's Lightweight Charts is excellent at one thing: rendering financial data fast on a canvas. But the moment you try to build an actual trading interface, you hit the wall, it ships no drawing tools, no indicators, no replay, no multi-pane sync. Those are left to you.
-
Konva
Konva.js is an HTML5 Canvas JavaScript framework for interactive graphics, design editors, whiteboards, and diagrams. Scene graph with events, drag and drop, transforms, animations, and export.
For the developers here: it's built with Vue 3, with the visualizations drawn on canvas using Konva. Each algorithm produces a list of steps up front, and the player just renders whichever step you're on — which is what makes stepping back and scrubbing work. The pages are statically prerendered so they load quickly and are reasonably friendly to search engines.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
nivo
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
-
-
-
-
tsParticles
tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
-
Project mention: Why we built 78 tarot cards in SVG — and the export bug that nearly killed it | dev.to | 2026-06-11
Readings are exportable to PDF. We rasterize the report DOM with html-to-image (toPng) and lay the image out with jsPDF.
-
React Konva
React components for the Konva 2d canvas library. Build interactive graphics, design editors, and whiteboards with JSX.
-
-
-
-
-
revezone
A lightweight local-first graphic-centric productivity tool to build your second brain. Supporting Excalidraw/Tldraw whiteboard and notion-like note. 一款以图形为中心、轻量级、本地优先的用于构建第二大脑的效率工具。支持 Excalidraw、Tldraw 白板和类 Notion 笔记。
-
-
paint-board
🎨 A powerful multi-end drawing board that brings together a lot of creative brushes to experience a whole new range of drawing effects!
-
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
TypeScript Canvas discussion
TypeScript Canvas related posts
-
Why Fabric.js `loadFromJSON` Can Leave Your Editor Half-Loaded
-
Save Fabric.js Canvas JSON to an API and Open It by Document ID
-
Fabric.js Editor Problems: Save, Load, Undo, Autosave, and Recovery
-
fabricjs-document-engine VS fabricjs-design-tool - a user suggested alternative
2 projects | 29 Sep 2026 -
Drawably: Hand-Drawn UI Controls
-
Doop ให้ agent วาดดีไซน์บน canvas เดียวกับคุณได้ แต่มีเงื่อนไข
-
How We Built a Growth System Around an AI API—Before Finding Product-Market Fit
-
A note from our sponsor - AppSignal
www.appsignal.com | 14 Oct 2026
Index
What are some of the best open-source Canva projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | excalidraw | 133,514 |
| 2 | echarts | 67,474 |
| 3 | tldraw | 50,841 |
| 4 | pretext | 50,754 |
| 5 | PixiJS | 48,316 |
| 6 | lightweight-charts | 17,523 |
| 7 | Konva | 14,858 |
| 8 | nivo | 14,106 |
| 9 | G2 | 12,631 |
| 10 | signature_pad | 12,059 |
| 11 | react-diagrams | 9,428 |
| 12 | tsParticles | 8,993 |
| 13 | html-to-image | 7,252 |
| 14 | React Konva | 6,428 |
| 15 | pts | 5,350 |
| 16 | planck.js | 5,291 |
| 17 | canvas-editor | 5,226 |
| 18 | canvg | 3,836 |
| 19 | revezone | 2,664 |
| 20 | grida | 2,662 |
| 21 | paint-board | 2,633 |
| 22 | node-vibrant | 2,453 |
| 23 | modern-screenshot | 2,083 |
Sponsored
Monitoring that respects your time & budget
APM, error tracking, and dashboards for modern web apps. Ten-minute setup, transparent flat pricing, and support from engineers who actually use the product.
www.appsignal.com