Skip to content

Latest commit

 

History

History
117 lines (82 loc) · 4.17 KB

README_en.md

File metadata and controls

117 lines (82 loc) · 4.17 KB

Drawnix logo and name

Open-source whiteboard tool (SaaS), an all-in-one collaborative canvas that includes mind mapping, flowcharts, freehand and more.

Product showcase

Whiteboard with mind mapping, flowcharts, freehand drawing and more

中文

Features

  • 💯 Free and Open Source
  • ⚒️ Mind Maps and Flowcharts
  • 🖌 Freehand（New 🔥🔥🔥）
  • 😀 Iconfont Emoji Support (🚧 In Progress...)
  • 🚀 Plugin-based Architecture - Extensible
  • 🖼️ 📃 Export to PNG, JPG, JSON(.drawnix)
  • 💾 Auto-save (Browser Storage)
  • ⚡ Edit Features: Undo, Redo, Copy, Paste, etc.
  • 🌌 Infinite Canvas: Zoom, Pan
  • 🎨 Theme Support（New 🔥🔥🔥）
  • 📱 Mobile-friendly（To be optimized）

About the Name

Drawnix is born from the interweaving of Draw and Phoenix, a fusion of artistic inspiration.

The Phoenix symbolizes endless creativity, while Draw represents humanity's most fundamental form of expression. Here, each creation is an artistic rebirth, every stroke a renaissance of inspiration.

Like a Phoenix, creativity must rise from the flames to be reborn, and Drawnix stands as the guardian of both technical and creative fire.

Draw Beyond, Rise Above.

About Plait Drawing Framework

Drawnix is positioned as an out-of-the-box, open-source, and free tool product. It is built on top of the Plait framework, which is our company's open-source drawing framework representing significant technical accumulation in knowledge base products.

Drawnix uses a plugin architecture, which is technically more complex than the previously mentioned open-source tools. However, this plugin architecture has its advantages: it supports multiple UI frameworks (Angular, React), integrates with different rich text frameworks (currently only supporting Slate framework), enables better business layer separation in development, allows development of various fine-grained reusable plugins, and can expand to more whiteboard application scenarios.

Repository Structure

drawnix/
├── apps/
│   ├── web                   # drawnix.com
│   │    └── index.html       # HTML
├── dist/                     # Build artifacts
├── packages/
│   └── drawnix/              # Whiteboard application core
│   └── react-board/          # Whiteboard react view layer
│   └── react-text/           # Text rendering module
├── package.json
├── ...
└── README.md
└── README_en.md

Try It Out

https://drawnix.com is the minimal application of drawnix.

I will be iterating frequently on drawnix.com until the release of the Dawn version.

Development

npm install

npm run start

Dependencies

  • plait - Drawing framework
  • slate - Rich text editor framework
  • floating-ui - An awesome library for creating floating UI elements

Contributing

Any form of contribution is welcome:

  • Report bugs

  • Contribute code

Support Us

Please show your support by giving us a star ⭐️⭐️⭐️.

License

MIT License