excalidraw
perfect-freehand
Our great sponsors
excalidraw | perfect-freehand | |
---|---|---|
371 | 18 | |
70,904 | 4,255 | |
6.1% | - | |
9.5 | 4.8 | |
4 days ago | 19 days ago | |
TypeScript | HTML | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
excalidraw
-
Tools that Make Me Productive as a Software Engineer
However, Notion and Obsidian can only help you write documentation. Well, how about some visuals? Let's talk about Excalidraw.
-
Rapier is a set of 2D and 3D physics engines written in Rust
Fun fact: I used GA in Excalidraw, and it's still powering some of the interactions! https://github.com/excalidraw/excalidraw/blob/master/package...
-
Ask HN: Anyone use a code to mindmap/flowchart tool?
I was happy to find out recently that there is a way to make Mermaid diagrams WYSIWYG / drag and drop editable that the open source https://excalidraw.com has and did I mention it's open source!? With a LLM, you can go full loop back to Mermaid again after a few rounds of manual editing. "What a time to be alive!"
- Show HN: Batch Image Manipulation Toolkit in Browser
-
Ask HN: What development tools are you using for your current project?
I'm working on a personal project and found myself looking for an alternative to Postman/Insomnia this morning. This made me realize i've been using the same tools for so long for work (mobile development, finance) that this project may be a good time to try out some new things.
Here are a few tools that i've been using lately that I really enjoy:
https://pocketbase.io/ - A dead-simple self-hosted firebase/supabase-like "backend in a box" using golang and sqlite. So far i've been really impressed. I've gone the route of extending the base offering with more go code and am really enjoying the experience.
https://excalidraw.com/ - An open source whiteboarding tool. Slick to use and after learning some keybinds I've gotten pretty fast at throwing together diagrams to explain things to people on my team. The killer piece though is that the filetype is just json, so I can source control my diagrams. Even better, their "export to png" function has a box to embed the json data _into_ the png, allowing me to slap the diagram in places that only accept images (think confluence) and still be able to change the diagram later if needed. 10/10.
https://docs.gitlab.com/ee/ci/ - Gitlab's CI/CD toolset is really impressive, and I've gotten really intimate with it's deeper features over the past year. I'd be curious though to hear from someone who's familiar with it vs it's competitors.
-
Penrose – Penrose
Sketch easy and go back to work...
- Rough.js: Create graphics with a hand-drawn, sketchy, appearance
- Database Fundamentals
- Show HN: Airdraw
-
Need help identifying a good open source data annotation tool
Also, a lot of image annotation is quite similar to vector editing and white boarding, so depending on what you need you might be able to adapt something like https://github.com/excalidraw/excalidraw (also MIT) for your purposes.
perfect-freehand
-
Ship Shape
The library Canva use for drawing lines may be of interest: https://github.com/steveruizok/perfect-freehand
-
Perfect pressure-sensitive drawing for both iOS and Android.
Hi everyone. This is a component for drawing perfect pressure-sensitive freehand lines using perfect-freehand and Skia renderer. It's my first published RN module.
- Ask HN: Any solution to smooth line drawings, maybe converts to bezier?
-
tldraw - a tiny little drawing app, just released!
Thanks! For the pressure sensitive lines, I’m using another open source library that I made called perfect-freehand: https://github.com/steveruizok/perfect-freehand
-
Tldraw – a tiny little drawing app
I'm a big fan of Excalidraw! And a contributor, too, I implemented the pen tool in Excalidraw. Both apps use my library perfect-freehand (https://github.com/steveruizok/perfect-freehand) for the digital ink.
The main difference between the two is that Excalidraw renders to HTML canvas, while tldraw renders to a regular DOM tree. There are tradeoffs but this lets us make things like sticky notes or other types of complex embedded content without too much difficulty.
Right on, I'm hoping to put in some more options for the freehand drawing tool. That part of the app is using my other project, perfect-freehand (https://perfect-freehand-example.vercel.app/), which supports a ton of options. It'd just be a matter of exposing those through the UI.
At the moment it's pretty tied to React, however the "app" itself—the big state machine that responds to events—is independent. It would take some effort to make it work with other libraries but it could be done.
Sure, this is public info on my profile: https://github.com/sponsors/steveruizok.
I'm up to 211 sponsors, about $1700 per month.
Many of those sponsors are one-time donations. At the beginning, I set the minimum one-time donation to $1; once I reached 100 sponsors, I bumped the minimum up to $10.
The larger sponsors come mostly from digital ink library perfect-freehand (https://github.com/steveruizok/perfect-freehand), also MIT licensed, which is being used by many products such as Next.js live, Milanote, Clover, etc.
Yep, I'm a big fan of Excalidraw and am a contributor there too. I also re-implemented the pen tool in Excalidraw to use my digital ink library, perfect freehand (https://github.com/steveruizok/perfect-freehand), which is used extensively in tldraw.
tldraw is a separate project. The big difference is that Excalidraw renders to HTML canvas while tldraw renders to a regular DOM tree. There's a trade off: canvas can have better performance on some machines, while my approach with tldraw makes it easier to implement more complex embedded content. I wouldn't expect any changes, so use whichever you prefer!
-
✍️ Just released a dart port of my free-hand drawing algorithm, perfect_freehand!
Want to try out the web version? Demo here.
-
I've created a pressure-sensitive signature drawing pad for Vue 2 and 3
This component is built on top of perfect-freehand, a library that lets you draw perfect pressure-sensitive freehand strokes. Most of the methods are based on the signature_pad library.
What are some alternatives?
tldraw - Infinite canvas.
draw.io - draw.io is a JavaScript, client-side editor for general diagramming.
mermaid - Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
obsidian-excalidraw-plugin - A plugin to edit and view Excalidraw drawings in Obsidian
docker-draw.io - Dockerized draw.io based on tomcat:9-jre11 & tomcat:9-jre8-alpine official image.
drawio-desktop - Official electron build of draw.io
venn.nvim - Draw ASCII diagrams in Neovim
vue-demi - 🎩 Creates Universal Library for Vue 2 & 3
mirotalk - 🚀 WebRTC - P2P - Simple, Secure, Fast Real-Time Video Conferences Up to 4k and 60fps, compatible with all browsers and platforms.
notion-auto-pull - Bash script to automatically download a notion workspace
penpot - Penpot - The Open-Source design & prototyping platform