Miro
Scalable, secure, cross-device and enterprise-ready team collaboration tool for distributed teams
We are seeing quite a few startups and hackathon teams using Miro to sketch their ideas together, and it's a really well engineered product.
However, it is proprietary and closed-source - though there are some open source components on their GitHub repository, linked in the Source. Here are a couple of open source alternatives to Miro:
- OpenBoard is a cross-platform (Linux / Windows / macOS) interactive whiteboard application. It is currently maintained by the Education Department (DIP) of the Canton of Geneva in Switzerland.
- Lorien is a desktop infinite canvas drawing/note-taking app that is focused on performance, small savefiles and simplicity. It is actively developed and we hope might one day have a Miro-like multiplayer mode.
Miro Apps Examples
In this repository, you can find types for Miro SDK and several simple examples.
REST API
| Description | |
|---|---|
| automate-user-management | This example explains how to add and remove members from your team, based on data from an external source. |
| github-issue-importer | This example shows how to import issues from GitHub to a board with custom fields using Miro API. |
| sample-app | Handy playground for playing with Miro Board API and Web-plugins. |
Web-Plugins
The fastest way to bootstrap a new app is by using create-miro-app
npx create-miro-app@latest
Descriptions and GIFs for those examples available here. To learn more read what web-plugins is it and how to build your web-plugin.
| Description | |
|---|---|
| drag-and-drop | Custom Icons Set with drag and drop on the canvas. |
| buttons | This example shows how to restrict buttons visibility. |
| extra-notes | Save custom data for widgets in LocalStorage |
| importer | Convert text list to stickers |
| looking-glass | You can see readable text of the widget in the sidebar without zooming in. |
| rtb-sticker-pack | This example shows how to drag&drop external resources into the board |
| stickers-to-shapes | You select several stickies, click plugin button in the bottom bar and app replaces stickies with shapes |
| template-builder | This example shows how to create and position on the board multiple widgets of different types and render create custom interfaces in the library. |
| the-noun-project | Another icon library example: shows how to drag&drop external resources into the board. |
| widget-counter | You select several widgets, click plugin button in the bottom bar and app show number of widgets grouped by type in the sidebar. |
| font-awesome | Font Awesome icon library. |
| spreadsheet-sync | This example shows how to sync data on board with Google Sheets. |
The contents of this website, unless otherwise stated, are licensed under a Creative Commons Attribution 4.0 International License.