InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now. Learn more โ
Top 23 TypeScript Graphic Projects
-
Konva
Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
Konva.js - High-performance 2D canvas library
-
Civic Auth
Web2 & Web3 login in a simple SDK. Drop Civic Auth into your app with native TS/JS support. Email login, SSO options, embedded wallets, and full session management. Minimal config. Deploy in under 5 minutes.
-
-
-
orillusion
Orillusion is a pure Web3D rendering engine which is fully developed based on the WebGPU standard.
Orillusion
-
-
-
Project mention: Show HN: Lume โ OS Lightweight CLI/API for macOS/Linux VMs on Apple Silicon | news.ycombinator.com | 2025-02-02
And also this Lume, which is a 3d-HTML library.
https://lume.io
-
SurveyJS
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build dynamic JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
-
-
glisp
Glisp is a Lisp-based design tool that combines generative approaches with traditional design methods, empowering artists to discover new forms of expression.
-
idraw
A simple JavaScript framework for Drawing on the web.(ไธไธช้ขๅWeb็ปๅพ็JavaScriptๆกๆถ)
-
-
-
-
-
-
A bit of Deno trivia: it runs the big "Chicago Brick" video wall in Google's main office in Fulton Market; they open-source the code here:
https://github.com/google/chicago-brick
(I contributed a little "Penrose-tile" module during my time there, though I never got it in production :P)
-
hello-worlds
Virtual javascript worlds at planetary scales for your threejs or react-three-fiber scene ๐๐
-
-
isometric-css
Isometric-CSS is a lightweight JavaScript library to build isometric projections through declarative HTML attributes.
-
-
liquid-logo
A free, open-source tool for creating animated logos with a liquid metal aesthetic. Create logo animations in real-time in the browser. (by collidingScopes)
Project mention: Show HN: Turning logos into liquid metal animations (real-time open source tool) | news.ycombinator.com | 2025-03-04I built a free open source tool which turns logos into a liquid metal animations -- in real-time in the browser. Upload a photo, then use the controls to adjust the colors, speed, noise intensity, animation pattern, and more.
Click the dice button underneath the canvas (or use the [r] key) to randomize all input parameters, this can give interesting colour / movement styles. You can then open the controls at the top right of the screen to fine-tune the parameters one-by-one.
This program works best with input logo images in png format, with a transparent background (or with a solid white / black color background). Consider cropping your image or running a background removal before inputting into this tool -- this might help to pick out the key edges of your image.
How this works: this tool uses WebGL shaders / javascript to create a real-time animation that moves around the edges of the logo, creating a liquid-metal aesthetic.
You can export your creation as an image or video afterwards.
This tool is completely free, open source (MIT license), without any paywalls or premium options. You are welcome to use it for personal or commercial purposes.
Github repo: https://github.com/collidingScopes/liquid-logo
Credit to XorDev on Twitter, whose shader work served as my starting point for the animation style: https://x.com/XorDev/status/1894123951401378051
-
Project mention: Show HN: Deep Timeline log-scale world history timeline (side project) | news.ycombinator.com | 2025-06-03
This app is a weekend project I just built for fun. It's inspired by a log-scale geologic timeline I created with a friend in high school in the 1970s, on an adding-machine tape. We took the logarithms of the dates of all kinds of paleological events, plotted them on the 40' long tape, and hung it up in the classroom. We realized we could fit the Big Bang, dinosaurs, and what we ate for breakfast that day on the same scale! I still have that tape somewhere, and I've been wanting to create an interactive version for many many years.
My goal is to inspire people to think about how we fit into the bigger "deep time" picture and think about the long term. The idea of a log-scaled timeline is that ancient events are compressed, and recent events take up more space. Each piece of the timeline covers 10x as much time as the piece to its right (like the film "Powers of Ten" but for time). We humans are naturally oriented toward short-term thinking: tomorrow, next week, a human lifetime. This app puts that in context, so you can see how the present smoothly fades into the very deepest past.
You can zoom in on any time period in the history of the universe. Significant events (my subjective judgment) from politics, art, science, and nature fade in as you zoom into them. It also has a "news feed" so new events will populate in on the right edge every now and then. I tried to optimize for desktop, mobile and tablet. Getting the events to flow and display nicely was the biggest challenge.
I used AI to assist, mostly Claude and some gptel. This is the biggest project I've done with an AI "intern." My takeaway is it's helpful until it gets stuck (badly), and then I have to take over and fix things. It can be surprisingly creative as well as doing the grunt work. Source is at https://github.com/garyo/deep-time-timeline.
-
Social-graphics-library
A free JS library for dynamically generating social media images for gaming communities, social networks and companies. https://www.npmjs.com/package/social-graphics-library
-
Sevalla
Deploy and host your apps and databases, now with $50 credit! Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!
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
TypeScript Graphics related posts
-
Zephyr3d โ WebGL/WebGPU rendering engine v0.6.1 relased
-
Visualize the preferences of cats
-
Glisp: Graphical Lisp
-
Monodraw
-
Lume: Create 3D web applications with HTML
-
I wrote a new language to beat Figma
-
We are building a new language for building UI, and here is the overview of how we compile it to wasm, and then render it via WGPU. It's very very early.
-
A note from our sponsor - InfluxDB
www.influxdata.com | 31 Aug 2025
Index
What are some of the best open-source Graphic projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | Konva | 13,344 |
| 2 | G2 | 12,412 |
| 3 | pts | 5,280 |
| 4 | orillusion | 4,864 |
| 5 | G2Plot | 2,608 |
| 6 | zero | 2,429 |
| 7 | lume | 1,445 |
| 8 | vue-konva | 1,263 |
| 9 | glisp | 1,134 |
| 10 | idraw | 1,052 |
| 11 | gooey-react | 674 |
| 12 | sofie-core | 323 |
| 13 | lol-pick-ban-ui | 270 |
| 14 | curved-arrows | 254 |
| 15 | nitro | 200 |
| 16 | chicago-brick | 160 |
| 17 | hello-worlds | 141 |
| 18 | cubecubed | 113 |
| 19 | isometric-css | 63 |
| 20 | chatGL | 61 |
| 21 | liquid-logo | 39 |
| 22 | deep-time-timeline | 4 |
| 23 | Social-graphics-library | 1 |
Sponsored
Web2 & Web3 login in a simple SDK
Drop Civic Auth into your app with native TS/JS support. Email login, SSO options, embedded wallets, and full session management. Minimal config. Deploy in under 5 minutes.
www.civic.com