Sticky Note

Documentation that lives on your canvas

Rich markdown notes rendered directly where you work. No sidebars, no external docs.

The Problem We Discovered

"I want to document my flow but if I leave the canvas, I lose context. So I just... don't document."

Comment nodes are hidden in sidebars. README files are somewhere else. Help text requires clicking through dialogs. By the time you've found the place to write documentation, you've forgotten what you wanted to say.

Teams build complex flows with zero documentation because the tools fight against the natural workflow. Six months later, nobody remembers why that function node exists or what that change node is fixing. Documentation should live where the work happens.

Documentation Meets Design

What It Does:

Rich Markdown: Headers, bold, italic, code, links
80+ Lucide Icons: :check: :warning: :database:
Rendered on Canvas: See formatted text directly
Fully Customizable: Font, size, color, wrapping
Zero Clicks: Documentation visible without interaction

Markdown Support:

Headers (H1-H6)
Bold and italic text
Inline code with syntax highlighting
Clickable links that open in new tabs
Horizontal rules
Lists (ordered and unordered)
Icon shortcuts for visual clarity

See It In Action

Scenario 1: Flow Section Headers

Add sticky note with # Data Processing
Rendered as large header on canvas
Visually separates flow sections
No sidebar digging to read

Scenario 2: Important Warnings

Add :warning: **Critical**: This node rate-limits API calls
Warning icon and bold text stand out
Team immediately sees important notes
Prevents mistakes from lack of visibility

Scenario 3: Technical Documentation

Document API endpoints with markdown formatting
Include code snippets and clickable links
All visible on canvas without opening nodes
Makes flows self-documenting

Get Started in 30 Seconds

# Quick install
cd ~/.node-red
npm install --registry https://npm.fierylab.io @fiery-lab/fiery-contrib-sticky-note
node-red-restart

# Or add our registry permanently
echo "@fiery-lab:registry=https://npm.fierylab.io" >> ~/.npmrc
npm install @fiery-lab/fiery-contrib-sticky-note

First Use:

Find "sticky note" in common category
Drag onto canvas
Double-click to open
Write markdown in the editor
Click Done
Note appears formatted on canvas

Appearance Customization

Setting	Options/Default	Purpose
Font Size	8-24px (default: 12px)	Text size on canvas
Font Family	8 options (Sans-serif, Monospace, etc.)	Typography style
Font Color	Full color picker	Text color customization
Word Wrap	Character count	Soft-wrap long lines
Show Title	Toggle	Use node name as header

Supported Icons (Sample):

Actions: :check: :x: :plus: :minus: :edit: :save:
Status: :warning: :info: :error: :success:
Objects: :database: :server: :cloud: :folder:
Indicators: :arrow-up: :arrow-down: :star: :heart:

Ready to document on the canvas?

View on NPM Registry Try Another Experiment