Skip to content
DashboardContact us

Today

All Features

A whiteboard for a diagram and the work around it. Here’s everything it does — each with a way to try it.

Boards

Five kinds of board, as many of each as you like: (+) at the top left makes one, and each gets a pill of its own.

A Brainstorm board of the demo, ACME Shop — Sprint 4: eight Post-it ideas tagged #UX, #SPEED and #GROWTH, the one-page checkout ringed in green and yellow arrows linking ideas.

Brainstorm

An open wall for ideas. Stick Post-its anywhere, tilt them as they land, and circle or link them with the marker. Each board type keeps its own Post-its, marks and bin; the title is shared.

The demo's Kanban Board: To Do with tasks tagged #FRONTEND and #API, three admin minis below, two In Progress, two Done with a gauge, and a 3D bin in the corner.

Kanban Board

To Do, In Progress and Done. To Do and In Progress are three Post-its across, Done one — fewer as the window narrows, so nothing's cut off. Each Post-it stays in the cell you put it in; moving one never shuffles the rest.

The demo's Diagram: a deploy pipeline from pull request through CI checks, a preview deploy and client review to merge, deploy and monitor, with a Post-it beside it.

Diagram

Paste Mermaid code — a flowchart, a sequence diagram — and it's drawn by hand on the board as a blueprint, to mark up and talk through.

A Draw board: a product page sketched as a wireframe in white marker, the gallery ringed in red, the Add to cart button arrowed to a Post-it.

Draw

A clean sheet for the marker: sketch a page, a flow or anything else, and pin Post-its to it.

The demo's Planner: Reporting over this week, Monday to Sunday, minis tagged #SHOP, #BAKERY and #PODCAST on the days, the done ones ticked, today outlined, and the week's Budgeted and Completed hours and A$ figures on the right.

Planner

A calendar of weeks, Monday to Sunday, from eight weeks back to eight ahead. Stick a mini Post-it on a day for each piece of work: its #topic, a title and its time (2h, 30m). A day has three slots — two tasks and an admin mini — and a job over 4h takes two. Each day's gauge fills with its hours against 8h, or 4h at a weekend.

Tick a mini's Done box when the work's finished. At the end of each week, Budgeted adds up every mini's hours and Completed the ones ticked done. On the dashboard, with figures showing, each is also worth something at its project's hourly rate, in AUD, with NZD converted at the day's rate. A Planner has no bin: delete a mini and ⌘Z brings it back.

Start a board: Planner
The board pills — Sprint 4 (Demo), Sprint 4 ideas, Deploy pipeline and Planner (Demo), each pinned — then (+) with its menu open on Brainstorm, Kanban Board, Diagram, Draw and Planner, and (…) with one more board.

Boards of your own

(+) makes a new board of any type, named for its type and the next number along — Diagram 1, Diagram 2. Each board is a pill: press it to open the board, and press the open board's name again to rename it. Unpin a board and it goes under (…); pin it to bring its pill back. Drag a pill along the others, or press Alt and ← or →, to change the order. The header shows only the controls that board uses: a Diagram its code, Annotate and labels; every board Export, Sheet and Texture.

Start a board: Boards of your own

Post-its

Notes that carry a task, not just a word.

A Post-it: #FRONTEND, Product page bold and underlined, then a list of Image gallery, Size picker and Add to cart button.

Write a task on one

Press a Post-it to pick it, again to write. Start with a #tag — drawn in highlighter, smaller than the words — then a title: ⌘B for bold, ⌘U to underline. A line begun with “- ” is a list. Paste a link and it's a link.

Start a board: Write a task on one
A Post-it's options above it: five colours, a 3h estimate, a due date, the critical status on, the admin, crumple and delete buttons.

Status, time and due date

A picked Post-it's options: its colour; a time estimate, typed as you'd say it (30m, 1.5h); a due date; and a status, pressed round — ⚠️ urgent, 🚨 critical. The time shows in its bottom right corner, the due date bottom left the way tasks say it — Today, Tomorrow, Next week — and the status top right.

To Do's Admin area: three mini Post-its — Update ACME, Book the retro, Invoice ACME — with their times, and Row 1 of 10 with arrows.

Admin reminders

⚡ makes a Post-it a mini one — an admin job, like sending an invoice — in the Admin row, its own backlog across the foot of the board. Drag one along it from To Do to Done, or in or out to change it.

An empty row of the Admin area with a faint white Post-it and a + in one of its slots.

Add one where it goes

Point at an empty cell on the Kanban Board and a faint Post-it with a + appears. Press it to add one there, in the colour you used last in that part of the board.

Tracking the work

The Kanban Board as a plan for the day, and the Planner as a plan for the month.

The Admin area on its second row of ten, Row 2 of 10 and its arrows above, and a faint Post-it with a + in an empty slot.

Ten rows deep

To Do and the Admin row each go ten rows deep. Scroll over either, or drag the bar on its right, to go down a row. Tab to the bar and ↑ ↓ work too.

Done's heading with its gauge part-filled and 3.5h / 8h beside it, over a done Post-it with its words struck through.

Done's gauge

Done's heading fills a gauge with the hours estimated on everything in it, against your day's billable target — 8h, until you press it to change it. A Post-it moved into Done gets a cheer and a burst of confetti.

A black mesh bin in 3D with two crumpled Post-its, pink and orange, in its bottom, and a 2 on its corner.

The bin

Drag a Post-it onto the bin and it's in, crumpled, as you let go. Crumple one from its options and it's screwed up into a ball and thrown in, dropping in from the top. The last few show in the bottom of the bin. Open it to put one back. The bin's in 3D — drag across it to spin it, up or down to tip it.

Reporting: rows for #SHOP (ACME Shop rebuild, ACME Retail), #BAKERY (Crumb & Co website) and #PODCAST (Low Tide podcast site), each with a bar of hours done and its budgeted and completed hours and A$.

Reporting

Over a Planner, Reporting gives each project a row, by its #topic: its name and client, a bar of its hours with those done filled in, and what's budgeted and completed. Rows are sorted by client, each client in a colour of its own, with the totals under them. Fold it away when you don't need it.

The ACME Shop rebuild's work schedule for ACME Retail (Demo): a calendar from October to November with its tasks on their days, Total hours: 26h, Prepared by Jordan Example and Prepared for Riley Sample, and Download PDF.

Work schedules

The page icon on a Reporting row opens that project's work schedule, ready to send the client: their name, the project, the months it runs over, and a calendar of each task on its day, coloured by title, with its hours. Anything marked TBC is left out. Under it are the total hours and who it's prepared by and for, taken from the project's contacts. Download PDF saves it as a landscape PDF.

Drawing and pointing

The tools along the foot of the board.

The toolbar: the Hand, the laser, a lightsaber, the marker, a Post-it, the fly, undo, the rubber and a lock.

Hand, laser, lightsabers and marker

The Hand moves Post-its and the board. The laser leaves a fading trail to point with; the lightsabers hum and clash. The marker draws in any of its colours, and the rubber takes off what it's run over. Undo takes back a step; V puts the Hand back in your hand.

Let the fly loose for a break and chase it. Its comic callouts — “Missed me!” after a near miss — are off until you switch them on.

Start a board: Hand, laser, lightsabers and marker

Sharing and settings

In the header, each board showing the controls it uses.

A Diagram board's header: Export, the diagram's code, Annotate, text size and label style, then the sheet and texture, sound, zoom and close.

Export, code and the sheet

Export what you've made as an SVG, a PNG or a PDF. View and paste the diagram's code, or open a new board in a tab of its own. Annotate numbers a diagram's steps and writes it a transcript, read aloud as each step lights up. Change the words' size and style, the sheet — blueprint, dark, light or chalk — and its grid or dots.

Start a board: Export, code and the sheet
The demo's Kanban Board, its zoom buttons and sound at the top right.

Zoom and sound

Zoom in and out with − and +, or ⌘ and the wheel. On a Kanban Board only the Post-its change size and the columns never move: zoom out to fit more, or in until To Do is two across. Turn the board's sounds — the stick of a Post-it, the crumple, the cheer — on or off.

Start a board: Zoom and sound
The demo, ACME Shop — Sprint 4 (Demo), on its Diagram: a deploy pipeline with a Post-it beside it.

A demo to show people

/zoodle#demo opens a made-up board, ACME Shop — Sprint 4 (Demo), with every board type filled in. Nothing on it is kept and your own board is left as it was — safe to record or show in a meeting.

Open the demo: A demo to show people