What it looks like
It looks like a wall covered in sticky notes, seen from a step back. The near-white background has a subtle dot grid. Floating cards at the top show the board name with undo and redo, the zoom level and an export button. A centered bar at the bottom gathers the tools, each with its shortcut key, and six colors such as yellow, pink and blue. Notes are pastel with a soft shadow, and arrows follow the shapes when they move. In the demo, a project plan shows columns of notes, curved arrows, a hand-drawn underline and a check mark.
You may be looking for this if you asked for something like
- a Miro-style board inside my app
- an online whiteboard to stick notes and connect them with arrows
- an endless canvas where the team can sketch and organize ideas
- a brainstorm wall with colorful sticky notes for client workshops
- draw flows with boxes and arrows that follow when I drag
- an idea board with zoom and a pen for handwriting
- export the planning board as a vector image
Also known as
- idea board
- infinite canvas
- sticky notes board
- online whiteboard
- brainstorm board
- digital whiteboard
When to use
- Planning and brainstorm workshops run live with clients
- Journey maps, project roadmaps and hand-drawn flows
- Internal tools where the team organizes ideas and priorities
- Education or consulting products that need a whiteboard inside the platform
When to avoid
- Marketing pages, where an editable board weighs on the page and pulls focus from the message
- Real-time collaboration among several people, which needs a separate sync server
How to ask your AI
Create an infinite whiteboard in the projects area of my app: sticky notes, shapes, arrows attached to shapes, a smoothed pen, wheel and pinch zoom, undo, keyboard shortcuts, SVG export and saving the shapes to my database.
With THM Componentes, you paste the full prompt from the catalog, which already includes this component's source code, and the AI reproduces this exact effect instead of improvising.
Questions about Mutirão
How do I save what people draw on Mutirão?
Mutirão exposes its shapes through v-model:shapes, a list with the type, position, size, rotation, color and text of each item, and arrows store which shapes they connect. Save that list to your API and load it back when the board opens. There are also toJSON and fromJSON methods and SVG export.
Does Mutirão work on phones and tablets?
Yes, with touch: one finger draws, moves or selects depending on the tool, and two fingers pinch to zoom and move the view. The toolbar sits at the bottom within thumb reach, and the export button shrinks on narrow screens. Because THM Componentes rates Mutirão as Heavy, test it on lower-end devices.
Can I use Mutirão with a keyboard?
Yes. In Mutirão each tool has a key, such as N for note, R for rectangle, A for arrow and P for pen. Tab moves through items, Enter edits text, arrow keys move the selection, Delete removes it, Ctrl+D duplicates and Ctrl+Z undoes. Screen readers hear a description of each selected item.
