✨ Excalidraw - Collaborative Whiteboarding Made Easy ✨

Excalidraw is a virtual collaborative whiteboard that lets you easily sketch diagrams that have a hand-drawn feel to them.

🎨 Excalidraw Editor | 📝 Blog | 📚 Documentation | ➕ Excalidraw+

Create beautiful hand-drawn like diagrams, wireframes, or whatever you like.

📝 Table of Contents

• 🌟 Key Features
• 🚀 Getting Started
  • 🌐 Excalidraw.com
  • 📦 NPM Package
• 🤝 Contributing
• 👥 Who's Using Excalidraw?
• 💖 Sponsors & Support
• 🙌 Acknowledgements
• 📜 License

🌟 Key Features

• 💯 Free & Open-Source: Excalidraw is completely free and open-source, giving you the freedom to use and customize it as per your needs.

• 🎨 Infinite Canvas: Unleash your creativity with an infinite canvas that allows you to expand your drawings in any direction.

• ✍️ Hand-Drawn Style: Give your diagrams and sketches a unique hand-drawn appearance with Excalidraw's distinctive visual style.

• 🌓 Dark Mode: Switch to dark mode for a more comfortable and visually appealing drawing experience, especially in low-light environments.

• 🌈 Customizable: Tailor Excalidraw to your preferences with customizable colors, fonts, and stroke styles.

• 📷 Image Support: Easily add images to your drawings and resize, rotate, or crop them as needed.

• 🖼️ Export Options: Export your drawings in various formats, including PNG, SVG, and JSON, for easy sharing and integration with other tools.

• ⚒️ Powerful Drawing Tools: Access a wide range of drawing tools, including rectangles, circles, diamonds, arrows, lines, and free-form paths.

• 🔗 Arrow Binding: Connect shapes with arrows that automatically adjust when the shapes are moved, making it easy to create flowcharts and diagrams.

• 🔍 Zoom & Pan: Navigate large drawings effortlessly with smooth zooming and panning capabilities.

• 🔙 Undo/Redo: Easily undo or redo actions, giving you the freedom to experiment and make changes without worry.

• 💬 Localization: Excalidraw supports multiple languages, making it accessible to users worldwide.

• 🖥️ Excalidraw+: Upgrade to Excalidraw+ for additional features like real-time collaboration, version history, and more.

🚀 Getting Started

🌐 Excalidraw.com

The quickest way to start using Excalidraw is to visit excalidraw.com. It's a fully-featured Progressive Web App (PWA) that works offline and supports real-time collaboration.

📦 NPM Package

To embed Excalidraw into your own application, you can install it via npm:

npm install react react-dom @excalidraw/excalidraw

Then, import and use the Excalidraw component in your code:

import React from 'react';
import Excalidraw from '@excalidraw/excalidraw';

const App = () => {
  return <Excalidraw />;
};

For more detailed instructions and advanced usage, refer to our documentation.

🤝 Contributing

We welcome contributions from the community! Whether you have ideas, bug reports, or code improvements, we appreciate your help in making Excalidraw better. To get started, please follow our contributing guidelines.

Some key areas where we'd love your assistance include:

• 🌍 Translating Excalidraw into different languages.
• 🐛 Reporting bugs and helping us identify and fix issues.
• 🛠️ Contributing code to add new features, improve performance, or enhance the user experience.

Don't forget to join our Discord community to connect with other contributors and stay updated on the latest developments!

👥 Who's Using Excalidraw?

Excalidraw is trusted by companies and projects of all sizes. Here are a few notable examples:

• Google Cloud uses Excalidraw for creating cloud architecture diagrams.
• Meta utilizes Excalidraw for brainstorming and visualizing ideas.
• CodeSandbox integrates Excalidraw for sketching and planning within their online code editor.
• Obsidian has an Excalidraw plugin for taking notes and making sketches.
• Replit incorporates Excalidraw for collaborative whiteboarding in their online coding environment.
• Slite uses Excalidraw for team collaboration and visual communication.
• Notion integrates Excalidraw for creating diagrams and sketches within their platform.
• HackerRank employs Excalidraw for creating coding challenge explanations and visualizations.

💖 Sponsors & Support

If you find Excalidraw valuable and would like to contribute to its development and sustainability, please consider sponsoring us on Open Collective or upgrading to Excalidraw+. Your support helps us maintain and improve the project for the benefit of the entire community.

We extend our heartfelt gratitude to our sponsors and supporters:

We also appreciate the companies providing free infrastructure and services:

🙌 Acknowledgements

Excalidraw is made possible by the dedication and passion of our incredible team of contributors from around the world. We extend our sincere thanks to everyone who has contributed code, reported issues, provided feedback, and supported the project in any way.

Special thanks to our core team members for their significant contributions and leadership:

• Lipis - Project Lead
• Vjeux - Core Contributor
• Thibaut - Core Contributor
• Kiran - Core Contributor
• Suchandra - Core Contributor

📜 License

Excalidraw is distributed under the MIT License. You are free to use, modify, and distribute the software as per the terms of this license.

For more details, please refer to the LICENSE file.

---

We hope this enhanced README provides a more comprehensive and informative overview of Excalidraw. Feel free to further customize it to highlight the unique aspects and strengths of your project. If you have any more questions or need further assistance, please let me know!