Excalidraw is now powered with a brand new history manager. Much stronger, much better!
You'll especially notice the difference during collaboration, where each user now has their own undo/redo stack.
Give it a try!
Huge thanks to
@mrazator
๐
Taking things up a notch, we're releasing the text-to-diagram feature! ๐ฅ
Using AI to generate diagrams from plain text. ๐ง
Unlike wireframe-to-code previously, you don't need your own API token โ everyone can start generating right away! ๐ช
We're open-sourcing the mermaid-to-excalidraw beta, as well as releasing the npm package. ๐
Browse the docs ๐
And help us implement more Mermaid diagram types! ๐
๐ We've added arrow binding! ๐
We're still investigating what the best defaults and behavior should be, so let us know below or open a GitHub issue.
Many thanks to
@xixixao
for the great work! ๐
Try at
It's on, presentations landed in Excalidraw Plus! ๐ฅ
Simply reuse the frame tool to build your slides, order them to your liking, and present to your team or anyone you invite! ๐ฝ
Built by
@_barnabasmolnar
๐
Mermaid support has landed to Excalidraw ๐ฅ๐ฅ
We support Flowchart and Sequence Diagrams!
More chart types will be added soon!
Made with โค๏ธ by
@chunrapeepat
and
@aakansha1216
Try it out and let us know ๐
We've recently crossed 40,000 ๐ on
@github
! Much love, xoxo ๐ค
This year we're focusing on making the Excalidraw npm package even more easier to use and customize.
Help us reach more devs by starring on ๐
In an upcoming release of the Excalidraw VS
@code
extension, you'll be able to store drawings as PNGs with scene data embedded inside.
This means better PR reviews and viewing your drawings outside of VSCode!
Via
@pomdtrr
๐ฅ
Try out the pre-release and share your feedback ๐
@supabase
just hit 65,000 stars, putting it in the top 125 repos on
@github
thanks to everyone in the community for your support, feedback, PRs, patches, issues, and complaints (which force us to be better).
it's amazing to work with so many other open source communities ๐
We've released v3.0 of our Excalidraw VS
@code
extension! ๐
Includes support for editable Excalidraw PNG files (just append `.png` to the filename), changing the color theme, viewing the source, and more.
โค๏ธ
@pomdtrr
Changelog
First iteration of element grouping is here, implemented by
@floydophone
!
Rightclick or use a shortcut Cmd+G/Ctrl+G to group, and Shift+Cmd+G/Ctrl+Shift+G to ungroup.
Double-click on a grouped element to edit it within a group.
It's the end of the year and you might want to present some charts in your diagrams. We can do it in 3 easy steps:
1. Copy the data below
Day,Commits
Mon,167
Tue,92
Wed,114
Thu,195
Fri,155
Sat,97
Sun,42
2. Paste into
3. There is no step 3 :)
Introducing laser pointer! ๐
Useful when collaborating or during presentations.
When presenting, the host has the laser tool enabled by default so you can draw right away.
Thanks
@are_wski
for the implementation! ๐
VS
@code
users, introducing the Excalidraw extension! ๐ฅ
Created and led by
@pomdtrr
โค๏ธ it is now the official Excalidraw VS Code extension that we'll be improving and maintaining going forward ๐
Implementation of
@steveruizok
's perfect-freehand has landed in Excalidraw! Thanks Steve! โค๏ธ
You can now make your handwriting look spectacular!
Try at
Happy New Year ๐
2020 has been a wild ride, but it has also been a year where Excalidraw was created, on this very day, actually!
Thanks everyone for contributing and all the love! ๐
You can read about how it went down in our latest blog post:
Next time you need to generate diagrams or wireframes, consider giving Excalidraw a try ๐
๐ฏ free & open source,
๐คผ collaborate in real time,
โ๏ธ beautiful, hand-drawn style,
๐ผ๏ธ export to PNG, SVG & clipboard,
โ much more!
@t3dotgg
Theo is just trying to hide the fact he's drawing all the diagrams for you when you hit the "generate" button.
That's why it takes so damn long. Get back to work Theo!
We are now officially a Progressive Web App (PWA). So among other things it works offline and you can install it as a Chrome app.
Visit to give it a try :)
We've released support for embeddables! ๐บ
As we gather feedback, only a subset of the most useful sites are enabled:
@YouTube
โข
@Vimeo
โข
@figma
โข
@Twitter
โข
@github
gists
You can suggest what else we should add!
Thanks
@zsviczian
for spearheading this! โค๏ธ
Share with us on what you are creating on Excalidraw (as long it is not a secret). We would love to see how you are using it :)
Here is one or our favourite by
@DavidKPiano
Line/arrow editing is here.
Double-click/Enter on line/arrow to move points around, delete them, or add new ones at the end (via Alt/Option+Click).
Implemented by
@dluzar
&
@dai_shi
.
Try it out
Object snapping is here! ๐ฅ
Enable from context menu or using Opt/Alt+S.
Huge thanks to
@_ryan_di
for the implementation, and Hugo Fouquet for the initial push! ๐
More details in the thread ๐
Today we've crossed 50,000 โญ on GitHub. Thank you for the support! โค๏ธ
Crossing this milestone we thought to make it easier for you to pick up issues to work on so we've opened a public backlog!
Still heavily in progress. โ
Images are here!
PNGs, JPGs, SVGs... all the things.
This is a beta release, but we couldn't make you wait any longer!
Try at
More info in the quoted thread โ
We're working hard to bring you an improved component API for the npm package, including the new design! ๐
Meanwhile, help us reach 38K ๐ this year! ๐ช
We've released an initial implementation for free draw support. There's space for improvement, but we didn't want to keep you waiting! Let us know what you think.
Thanks
@kbariotis
!
Shipped a feature today. Frames! ๐
Add elements to them for better organization, or constrain your image exports!
More improvements and features built on top of them soon!
Brought to you by
@_ryan_di
๐
We're changing the arrow binding behavior to be more intuitive and intentional!
Now if you want to bind an arrow, you have to drag its end points.
This way binding won't happen in all manner of other cases you usually don't intend.
By
@mtolmacs
๐
We've released first take on personal shape library. Add shapes to it to reuse them in any of your drawings. They're only saved to your browser, and not shared with others or when saving to file.
Thanks
@floydophone
!
Try it out
Our favourite handwritten font, Virgil, just became open source thanks to the creator Ellinor Rapp!
That's why we are no longer looking for a replacement, and instead we will try to fix the current issues.
Visit for more.
Introducing new developer docs! ๐
Written in
@docusaurus
, with an improved experience, and ๐ฉบ live Excalidraw examples ๐ฅ
We'll be adding way more detailed guides soon!
Contributions welcome! โค๏ธ
๐ Introducing the hand (panning) tool!
On top of the spacebar-drag and mousewheel-drag, you can now use this tool to move around the canvas.
Especially useful on mobile in place of using two fingers! ๐ค
Excited to share a sneak peek of my new side project. "Readily," a web highlighter for visual thinkers.
โ Read, Highlight, and Visualize (
@Excalidraw
)
โ Simple & Fast
โ Everything is stored in the browser
Reply with a "โ๏ธ" if you want to get notified when the project launches.
Let's even things out! We now support distributing selected elements horizontally/vertically inside their common bounding box.
Implemented by
@steveruizok
๐
Try at
We've released a new and improved npm package that enables you to import Excalidraw as a React component.
Thanks to
@aakansha1216
for pushing it to the finish line! โค๏ธ
Try it out and help us bring it to 1.0.0.
PDF and PPTX export now in Excalidraw+ ๐
You can export your whole drawing, or your presentation slides.
Give it a spin, and let us know your thoughts!
Brought to you by
@are_wski
and
@milosvete
๐
We've tweaked our resizing behavior. Now you can resize on the X/Y axis from any point of the bounding box.
You can also resize multiple shapes at the same freely without maintaining the aspect ratio (use Shift to keep it), provided none of them are rotated.
Implemented byโฆ
We've added more arrowheads. You can now easily create box plots, confidence intervals, and similar fun things.
โค๏ธ
@steveruizok
โค๏ธ
Check it out at
We will be redesigning the color picker a bit, giving you more customization without sacrificing too much on simplicity.
More on the reasoning behind this in the linked issue.
Please drop your opinion, especially around the "open questions"! ๐ฌ
For subscribers to Pragmatic Engineer it's no secret that
@GergelyOrosz
does like some Excalidraw. ๐
For those who aren't yet, check it out โ not just the diagrams are great content!
We were also featured in the last issue! โ
We've made small improvements to our rendering. Let's go through it!
First, thanks to
@preetster
, roughjs background fills are not as jagged as before and follow the intended outline better. ๐ฅ
We've changed the look of shape properties. No more reading and getting lost in the labels!
Thanks to
@nschnierer
for implementation (and
@xixixao
for proposal)! ๐ฅฐ
Check it out on
We've added support for text indenting/outdenting (via Tab/Shift+Tab) for you coders out there.
Thanks
@johnrazeur
for the implementation โค๏ธ
Try at