SaaSHub helps you find the best software and product alternatives Learn more →
Top 17 TypeScript Drawing Projects
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
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!
-
terra-draw
A library for drawing on maps that supports Mapbox, MapLibre, Google Maps, OpenLayers and Leaflet out the box
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
ArtistAssistApp
ArtistAssistApp is the best free web app for artists to accurately mix any color from a photo, tonal value study, turn a photo into an outline, draw with the grid method, paint with a limited palette, simplify a photo, and more.
-
isometric-css
Isometric-CSS is a lightweight JavaScript library to build isometric projections through declarative HTML attributes.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Project mention: Build a Scalable REST API with TypeScript, Express, Drizzle ORM, and Turso Database: A Step-by-Step Guide | dev.to | 2024-05-27To best illustrate this concept, I made a little sketch using excalidraw:
Project mention: Show HN: Paint-BOARD, A powerful and fun multi-end drawing board | news.ycombinator.com | 2024-01-13In the UI I get a mix of Chínese and English, but the images in https://github.com/LHRUN/paint-board show English UI. ( few days ago, I had a problem because my browser prefered language is Spanish Latin America.)
The project is technically structured around a matrix representing the 20,000 pixels of the original photograph, with 1 representing visible pixels and 0 representing pixels that have been turned to white. Each day, this matrix is updated by randomly converting a 1 into a 0, signifying the removal of a pixel. The server-side processing involves a 100% JavaScript implementation of the HTML Canvas 2D drawing API for Node.js, known as PureImage. This workflow processes the photograph daily: integrating the original photograph with the updated matrix on a Canvas instance, generating a new image, and archiving the previous day's image.
Project mention: Rough.js: Create graphics with a hand-drawn, sketchy, appearance | news.ycombinator.com | 2023-12-22Great lib! Used it to build an svg2roughjs wrapper that converts your everyday SVG file to a sketch: https://github.com/fskpf/svg2roughjs
Project mention: spectral.js alternatives - ArtistAssistApp and mixbox | libhunt.com/r/spectral.js | 2024-02-23Both spectral.js and ArtistAssistApp are capable of realistic color mixing like real paints but using different algorithms.
TypeScript Drawing related posts
-
How I built a Multiplayer App in 3 days
-
🎨 CI/CD Workflow with AWS and Docker
-
Tldraw License Change
-
Show HN: Batch Image Manipulation Toolkit in Browser
-
Keeping your fonts in embedded SVG
-
Excalidraw
-
Show HN: Paint-BOARD, A powerful and fun multi-end drawing board
-
A note from our sponsor - SaaSHub
www.saashub.com | 3 Jun 2024
Index
What are some of the best open-source Drawing projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | excalidraw | 74,962 |
2 | tldraw | 33,359 |
3 | signature_pad | 10,297 |
4 | paint-board | 1,397 |
5 | idraw | 932 |
6 | node-pureimage | 760 |
7 | terra-draw | 379 |
8 | minimator | 352 |
9 | v-perfect-signature | 234 |
10 | excalidraw-slides | 133 |
11 | svg2roughjs | 135 |
12 | ArtistAssistApp | 82 |
13 | atelier | 47 |
14 | isometric-css | 47 |
15 | drawille | 33 |
16 | ng-rough-notation | 5 |
17 | drawly | 1 |
Sponsored