ShinUI

Excalidraw

Hand-drawn style diagrams

Design ToolsFreemiumReact

Live site

excalidraw.com

Preview Excalidraw inline

Loads the real site in a frame. Some sites block embedding — if it comes up blank, use Open instead.

What it is

The sketchy aesthetic keeps diagrams feeling provisional, which is exactly right for architecture discussions. Also embeddable as a React component.

Get started

terminal
npm i @excalidraw/excalidraw

Tags

diagramsopen-sourceembeddable

Related in Tools

View all

Three.js

threejs.org

The WebGL renderer everyone builds on

ToolsOpen sourceJavaScriptWebGL

Spline

spline.design

3D design in the browser, exported to the web

ToolsFreemiumReactWebGL

Penpot

penpot.app

Open-source design and prototyping

ToolsOpen sourceWebSVG

by Kaleidos