[New Plugin] Toasted Toast Pro

Showcase Plugins
1

Plugin details

Professional toast notifications with complete visual customization, unified stacking, and click navigation. Features custom styling, dynamic icons, progress bars, multiple placements, and mobile-responsive design for modern web applications.

:link: Demo page (with link to editor)
:link: Plugin page

Toasted-Toast-Pro
Toasted-Toast-Pro1360Ă—700 56.8 KB

Instructions

SETUP:

  1. Add the “Toasted Toast Pro” element to any page
  2. Configure default styling in the element’s Style tab (colors, fonts, borders, icons, etc.)
  3. Set placement, duration, and max toasts in element properties

SHOW TOASTS:

  1. Create a workflow and add “Show Toast” action
  2. Select your Toasted Toast Pro element
  3. Enter Title (required) and Description (optional)
  4. Optionally set Override Icon for dynamic icons per toast
  5. Add Link ID for click navigation functionality

CLICK NAVIGATION:

  1. Add “When a toast is clicked” event to your element
  2. Access the Link ID using “Current Link ID” state
  3. Use this to navigate or trigger other workflows

STYLING:

  • All visual customization is in the Style tab
  • Each element can have different styling
  • All instances share the same unified toast stack
  • Supports custom fonts, colors, borders, icons, and progress bars

The plugin automatically handles positioning, animations, stacking, and mobile responsiveness.

1 Like
2

:tada: New Feature: Custom Offset Controls

I just added 4 new offset fields to Toasted Toast Pro for pixel-perfect positioning control.

What’s New:

  • Offset Top (px)
  • Offset Bottom (px)
  • Offset Left (px)
  • Offset Right (px)

Now you can customize exactly how far your toast notifications appear from the screen edges, giving you complete control over positioning regardless of your placement setting (top-left, bottom-right, etc.).

3

:tada: New Feature: Link Text Support

You can now add clickable link text to your toast notifications that appears below the description.

How It Works

  1. Add the “Link Text” field to your “Show Toast” action
  2. Requires both fields: Link ID + Link Text must both be provided
  3. Smart display: Link text only appears when both fields have values
1 Like
4

:link: Link Text Hover Enhancement

Just pushed a small but useful UX improvement:

What’s New:

  • Link text now shows an underline on hover for better visual feedback