Mantine: Mantine — Toast

Dev Tools · recipe

The toast / notification from Mantine, decoded live from the DOM: toast radius 8px, enter opacity, transform, max-height 0.25s, 0.25s, 0.25s cubic-bezier(0.51, 0.3, 0, 1.21), cubic-bezier(0.51, 0.3, 0, 1.21), linear, 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/mantine-mantine-toast.

Palette

Fonts

UX patterns

UI elements

Context

• All of Mantine

More from Mantine

• Dialog / Modal — Mantine — Dialog / Modal
• Dropdown Menu — Mantine — Dropdown Menu