Welcome to Miro App Examples! In this repository you can find examples of apps built on top of the Miro Developer Platform 2.0.
Make sure you visit our developer documentation to learn more.
ℹ Note:
- We recommend a Chromium-based web browser for local development with HTTP.
Safari enforces HTTPS; therefore, it doesn't allow localhost through HTTP. - All examples use
npmas a package manager andnpxas a package runner.
If you prefer, you can install and use equivalent alternatives, such asyarnorpnpm. - For more information, visit our developer documentation.
The fastest way to bootstrap a new app is by using create-miro-app.
To get started, run the following command:
npx create-miro-app| Description | |
|---|---|
| drag-and-drop | This example shows you how to drag and drop images from your app onto the board. |
| connect-firebase | This example shows you how to connect an SDK app to a Firebase backend. |
| stickynotes-to-shapes | This example allows you to select several stickies, click the plugin button in the bottom bar, and replace any selected 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. |
| calendar | This example shows you how to add a calendar made with shapes and text for a given month and year. |
| wordle | This example shows you how to create a wordle-like game using Miro's Web SDK. |
| blob-maker | This example shows you how to create a drag and drop blobmaker using Miro's Web SDK. |
| youtube-room | This example shows you how to sync a Youtube player across multiple users through Socket.IO. |
| Description | |
|---|---|
| python_oauth | This python sample demonstrates how to implement the Oauth 2.0 authorization code flow in Miro. |
| node_oauth | This NodeJS sample demonstrates how to implement the Oauth 2.0 authorization code flow in Miro and make an API request to a Miro endpoint. |
| rest-stickies-csv | This NodeJS sample app uses server side rendering (HandlebarsJS) to provide a lightweight, CRUD-oriented REST example in the browser for Miro's Sticky Notes and Tags APIs. It demonstrates a structured > unstructured use case via CSV import, creating Miro Sticky Notes with Tags based on CSV data |
| python-flask-starter | This Python/Flask boilerplate will allow to start using the Miro REST API in a few minutes. This sample implements the full Miro authorization (OAuth2 with refresh token) flow. |
If you'd like to contribute your own app or idea, visit our contributing guide to get started.
Interested in learning more? Feel free to join our Developer Community to chat with other Miro Developers!