Callout Control Panel — insert, detect, and manage custom callouts
Hi all! I’ve been building a plugin, testing AI collaboration, to make working with callouts less friction-heavy, and it’s finally ready for wider testing. It has become one of my favorite ways of commenting in my notes and other types of content creation. I’ve been using it for over a week and am happy with how it’s simplified both my desktop and mobile workflows.
I’m still working on the wiki to describe the settings, but it’s pretty self-explanatory. But it’s intended to be super flexible for different use cases.
I’m posting because I’m looking for some feedback and help with stress testing the plugin.
What it does
- Insert modal — pick a callout type, set collapse state, and insert it at the cursor. Remembers your last used type. (Set to hotkey)
- Quick-pick — a fast modal to insert from your most-used types. For those who like using the command palette or with a custom command in the mobile toolbar.
- Custom callout builder — create custom types with a name, icon (Lucide, Font Awesome, or uploaded image), and color. Generates the CSS snippet automatically.
- CSS detection — scans your enabled snippets and active theme to surface callout types you already have defined, with their icon and color previews.
- Title overrides — silently replace the default auto-generated title for any callout type in reading view.
- Import / export — share or back up your custom types as JSON.
Try it
Install via BRAT: https://github.com/jv209/callout-control-panel
Feedback on bugs, UX rough edges, or missing features is very welcome — especially from mobile users.
UPDATE: Made some improvements to using the modal on phones. If you’ve installed the plugin, go ahead and update to the latest version.