Kanban integration with tasks

Plugs and Libraries
32

[UPDATE]

:clipboard: Kanban Board - Released

Hey everyone! :waving_hand:

I've been working on a Kanban Board widget for SilverBullet over the past week, and after ironing out the last few known bugs I'm happy to move it from Beta Preview into a proper stable release. Here's what it can do and what to keep in mind.

image
image2663×1101 367 KB

:sparkles: Features

  • Customisable columns — define your own workflow stages with labels, emoji, and optional accent colours per column
  • Drag & drop — move cards between columns; status attribute and checkbox state update automatically in the source markdown
  • Bidirectional markdown sync — tick [x] directly in the markdown and the card moves to the done column on the next widget load; uncheck it and it moves back
  • Quick Edit modal — edit task name, any attribute, and completion state without leaving the board
  • Custom card fields — choose which task attributes are shown on each card
  • HideKeys — display an attribute value without showing its label (handy for IDs or long text)
  • Filter & sort controls — live filter across all columns, sort by any attribute ascending or descending
  • WikiLink & hashtag support — both are parsed correctly in card titles and are preserved when you edit through the modal
  • Mobile-friendly — columns hold their minimum width and the board scrolls horizontally on narrow screens instead of squishing

:prohibited: Known Limitations

  • Emoji-style date attributes (e.g. 📅 2026-04-02) are not supported and are not planned
  • After System: Reload, if a Kanban Board widget is on the page, also reload the page itself (Client: Reload UI, Ctrl+R, or F5)
  • Manual markdown edits to a task require a widget refresh to appear on the board
  • Attribute values are always wrapped in double quotes - this is intentional, not a bug

:hammer_and_wrench: Quick Setup

Install the Library or use my Repo in the Library Manager and then drop the widget code into any of your page :

${KanbanBoard(
  query[[from index.tag "task" where page == _CTX.currentPage.name]], 
  {
    {"Column", "status"},
    {"Columns", {
      {"todo",   "📝 To Do",     "purple"},
      {"doing",  "⏳ In Progress","blue"},
      {"review", "👀 Needs Review","yellow"},
      {"done",   "✅ Done",       "green"}
    }},
    {"SortDefault", "priority"},
    {"Fields",   {"priority", "due", "status"}},
    {"HideKeys", {"tags"}}
  }
)}

Full documentation, all options, and the source code are on the library page.

Feedback, bug reports are welcome — happy building! :rocket: