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.
Loading ...
All attendees, sponsors, partners, volunteers and staff at our hackathon are required to agree with the Hack Code of Conduct. Organisers will enforce this code throughout the event. We expect cooperation from all participants to ensure a safe environment for everybody.

Creative Commons LicenceThe contents of this website, unless otherwise stated, are licensed under a Creative Commons Attribution 4.0 International License.

Go back