Sonner: Sonner — Toast

Dev Tools · recipe

The toast / notification from Sonner, decoded live from the DOM: toast radius 8px, enter transform, opacity, height, box-shadow 0.4s, 0.4s, 0.4s, 0.2s ease, ease, ease, ease, stacking notifications, 2 captured states.

Open in Mozaika →

This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/sonner-sonner-toast.

Palette

rgb(255, 255, 255)rgb(23, 23, 23)

Fonts

ui-sans-serif

UX patterns

ToastNotification

UI elements

Toast & Notification

Context

All of Sonner