Notifications Plus

Beautiful alerts that don't interrupt

Material Design toast notifications for job status, warnings, and errors. Smooth, professional, dismissible.

Better User Feedback

"Our custom nodes need to tell users what's happening - job complete, errors, warnings - but browser alerts are ugly and blocking."

Default browser alerts are jarring. They stop everything, look outdated, and feel unprofessional. We needed a notification system that fits modern UX patterns - non-blocking, beautiful, and informative.

Fiery Lab plugins needed a consistent way to communicate with users. Job status updates, processing warnings, error messages - all needed to feel polished and professional.

Toast Notifications Done Right

What You Get:

  • Material Design: Built with Notyf for beautiful, modern aesthetics
  • Smart Positioning: Lower right corner, non-intrusive
  • Multiple Types: Info, success, warning, and error notifications
  • Dismissible: Click to close or auto-dismiss after timeout
  • Smooth Animations: Ripple effects and fluid transitions
  • Configurable: Enable/disable globally via settings

For Plugin Developers:

  • Simple API: Easy integration for @fierylab.io plugins
  • Consistent UX: All Fiery Lab plugins use the same notification style
  • No Dependencies: Plugin handles Notyf library bundling
  • Event-Based: Trigger notifications via Node-RED events

Common Scenarios

Job Completion

  • Success notification when print job completes
  • Show job name and page count
  • Auto-dismiss after 5 seconds

Error Handling

  • Error notification with clear message
  • Red accent, urgent visual cue
  • Click to dismiss, or stays visible

Processing Warnings

  • Warning notification for non-critical issues
  • Orange accent, attention without alarm
  • Auto-dismiss after 8 seconds

Status Updates

  • Info notification for status changes
  • Blue accent, informational tone
  • Auto-dismiss after 3 seconds

Get Started

# Quick install
cd ~/.node-red
npm install @fierylab.io/fiery-contrib-plugin-notifications-plus
node-red-restart

Usage (For Plugin Developers):

The plugin registers globally as FieryNotifications. Any @fierylab.io plugin can trigger notifications:

// In your plugin code
RED.events.emit('fiery-notification', {
  type: 'success',
  message: 'Job 12345 completed - 24 pages',
  duration: 5000
});

Configuration:

  • Enable/Disable: Toggle notifications via Settings panel
  • Position: Lower right (non-configurable, optimal UX)
  • Duration: Set per notification or use defaults

Ready for professional notifications?