TypeScript Graphics

Open-source TypeScript projects categorized as Graphics

Top 23 TypeScript Graphic Projects

  1. Konva

    Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.

    Project mention: A little tool for watching algorithms run | dev.to | 2026-06-17

    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.

  2. AppSignal

    AppSignal knows why the f*#k it crashed. Stop vibe-debugging. Every exception, every backtrace, grouped so you see patterns, not noise.

    AppSignal logo
  3. G2

    📊 The concise and progressive visualization grammar.

  4. pts

    A library for visualization and creative-coding

  5. orillusion

    Orillusion is a pure Web3D rendering engine which is fully developed based on the WebGPU standard.

  6. G2Plot

    :dango: An interactive and responsive charting library based on G2.

  7. zero

    A 3D renderer written in JavaScript and rendered to the terminal. (by sinclairzx81)

  8. lume

    GPU-powered 3D HTML. ✨🧊 <lume-box size="1 2 3"> (by lume)

    Project mention: Write concise Custom Elements for React, Vue, Svelte, Solid, etc. Write once, use everywhere, type checked! | dev.to | 2026-01-12

    Lume 3D HTML (The landing page, all of Lume's 3D elements, and the live code editors…

  9. Kargo

    Stop Scripting Promotions. Start Shipping with Kargo. Kargo automates promotion across dev, staging, and prod with approval gates and verification. Open source, built by the team behind Argo CD. Download now.

    Kargo logo
  10. vue-konva

    Vue & Canvas - JavaScript library for drawing complex canvas graphics using Vue.

  11. glisp

    Glisp is a Lisp-based design tool that combines generative approaches with traditional design methods, empowering artists to discover new forms of expression.

  12. idraw

    A simple JavaScript framework for Drawing on the web.(一个面向Web绘图的JavaScript框架)

  13. gooey-react

    The gooey effect for React, used for shape blobbing / metaballs (0.5 KB) 🧽

  14. horizon

    The current sky at your approximate location, rendered as a CSS gradient (by dnlzro)

  15. sofie-core

    Sofie Core: A Part of the Sofie TV Studio Automation System

  16. lol-pick-ban-ui

    Web-Based UI to display the league of legends champ select in esports tournaments.

  17. curved-arrows

    Draw S-curved arrows between points or shapes

  18. nitro

    Create apps 10x quicker, without Javascript/HTML/CSS. (by h2oai)

  19. hello-worlds

    Virtual javascript worlds at planetary scales for your threejs or react-three-fiber scene 👋🌐

  20. cubecubed

    💡🚀🍿 Play stunning mathematical visualization on the web with SVG and Canvas.

  21. core

    WebGL, Three.js, and multimedia workloads on Node.js (by node-3d)

  22. isometric-css

    Isometric-CSS is a lightweight JavaScript library to build isometric projections through declarative HTML attributes.

  23. chatGL

    GLSL shader generator using GPT-3 🤖🎨

  24. primitive-playground

    A web app that reconstructs any image using primitive shapes; port of fogleman/primitive

    Project mention: Show HN: Reconstruct any image using primitive shapes, runs in-browser via WASM | news.ycombinator.com | 2026-03-03
  25. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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 Graphics discussion

Log in or Post with

TypeScript Graphics related posts

  • Write concise Custom Elements for React, Vue, Svelte, Solid, etc. Write once, use everywhere, type checked!

    2 projects | dev.to | 12 Jan 2026
  • Zephyr3d – WebGL/WebGPU rendering engine v0.6.1 relased

    1 project | news.ycombinator.com | 5 Nov 2024
  • Visualize the preferences of cats

    4 projects | dev.to | 1 Sep 2024
  • Glisp: Graphical Lisp

    3 projects | news.ycombinator.com | 21 Jul 2024
  • Monodraw

    14 projects | news.ycombinator.com | 9 Mar 2024
  • Lume: Create 3D web applications with HTML

    1 project | news.ycombinator.com | 15 Jan 2024
  • I wrote a new language to beat Figma

    1 project | /r/ProgrammingLanguages | 25 Jun 2023
  • A note from our sponsor - Kargo
    akuity.io | 6 Sep 2026
    Kargo automates promotion across dev, staging, and prod with approval gates and verification. Open source, built by the team behind Argo CD. Download now. Learn more →

Index

What are some of the best open-source Graphic projects in TypeScript? This list will help you:

# Project Stars
1 Konva 14,749
2 G2 12,601
3 pts 5,342
4 orillusion 5,212
5 G2Plot 2,654
6 zero 2,457
7 lume 1,517
8 vue-konva 1,356
9 glisp 1,182
10 idraw 1,104
11 gooey-react 677
12 horizon 651
13 sofie-core 345
14 lol-pick-ban-ui 289
15 curved-arrows 255
16 nitro 204
17 liquid-logo 154
18 hello-worlds 149
19 cubecubed 117
20 core 81
21 isometric-css 74
22 chatGL 62
23 primitive-playground 40

Sponsored
AppSignal knows why the f*#k it crashed.
Stop vibe-debugging. Every exception, every backtrace, grouped so you see patterns, not noise.
www.appsignal.com

Did you know that TypeScript is
the 2nd most popular programming language
based on number of references?