Excalidraw es una herramienta de dibujo digital que permite crear diagramas y bocetos de manera sencilla y colaborativa. Está diseñada para ser intuitiva y fácil de usar, con un enfoque en crear diagramas con un estilo de boceto a mano alzada. Excalidraw se utiliza frecuentemente en entornos educativos, de diseño y desarrollo de software para crear diagramas de flujo, wireframes, mapas mentales, entre otros.

El editor de Excalidraw (paquete npm) soporta:

💯 Gratis y de código abierto. 
🎨 Pizarra infinita basada en un lienzo. 
✍️ Estilo similar a dibujo a mano. 
🌓 Modo oscuro. 
🏗️ Personalizable. 
📷 Soporte para imágenes. 
😀 Soporte para bibliotecas de formas. 
👅 Soporte para localización (i18n). 
🖼️ Exportar a PNG, SVG y al portapapeles. 
💾 Formato abierto: exporta dibujos como un archivo .excalidraw en formato json. 
⚒️ Amplia gama de herramientas: rectángulo, círculo, diamante, flecha, línea, dibujo libre, borrador... 
➡️ Uniones y flechas con etiquetas. 
🔙 Deshacer / Rehacer. 
🔍 Soporte para zoom y desplazamiento.

Excalidraw.com La aplicación disponible en excalidraw.com es una muestra sencilla de lo que puedes crear con Excalidraw. Su código fuente también forma parte de este repositorio, y la app incluye:

📡 Soporte para PWA (funciona sin conexión). 
🤼 Colaboración en tiempo real. 
🔒 Cifrado de extremo a extremo. 
💾 Soporte local (guardado automático en el navegador). 
🔗 Enlaces compartibles (exporta a un enlace de solo lectura que puedes compartir con otros).

En el futuro, agregaremos estas características como complementos fáciles de usar para el paquete npm.

Nota: Las siguientes instrucciones son para instalar el paquete npm de Excalidraw cuando quieras integrarlo en tu propia aplicación. Si prefieres ejecutar el repositorio localmente para desarrollo, consulta nuestra Guía de Desarrollo.

npm install react react-dom @excalidraw/excalidraw

yarn add react react-dom @excalidraw/excalidraw

¡No olvides revisar nuestra documentación para más detalles!

Puedes encontra la imagen en: https://hub.docker.com/r/excalidraw/excalidraw

Este es el cliente de Excalidraw que puedes usar para autoalojarlo. Publicamos una imagen de Docker con el cliente de Excalidraw en excalidraw/excalidraw. Puedes utilizarla para autoalojar tu propio cliente bajo tu propio dominio, en Kubernetes, AWS ECS, etc.

docker build -t excalidraw/excalidraw .
docker run --rm -dit --name excalidraw -p 5000:80 excalidraw/excalidraw:latest

La imagen de Docker no incluye análisis ni otras bibliotecas de seguimiento.

Por el momento, al autoalojar tu propia instancia no se soportan las funciones de compartir o colaboración.

Descargar la imagen correcta:

docker pull excalidraw/excalidraw:latest

Si la imagen está en un repositorio diferente o tiene un nombre diferente, asegúrate de usar el nombre correcto. Puedes buscar imágenes en Docker Hub en hub.docker.com.

Ejecutar el contenedor con la imagen correcta:

docker run --rm --name excalidraw -p 5000:80 excalidraw/excalidraw:latest

Después de ejecutar estos comandos, abre tu navegador y ve a http://localhost:5000 para verificar que Excalidraw esté funcionando correctamente.