Sonner

Toast notifications

FreeLibraries & build toolingsonner.emilkowal.ski

What it is

An opinionated React toast component, v2, from Emil Kowalski. Stacked, swipeable, animated toasts with promise-aware variants that show loading then success or error automatically. Now the toast component shadcn/ui recommends, replacing its older one.

Why it earns a slot

One import and toast.success('Saved') works anywhere, with no provider plumbing. Without it, silent failures are invisible — users click save, nothing happens, and they click again.

Know before you commit

Styling is deliberately opinionated, so deep visual customisation means fighting its CSS variables. shadcn's deprecated toast component is a different API — do not mix tutorials.

Getting started

npm install sonner

Field notes

0 from the community

Loading notes…

Field check

Unverified

Pricing snapshot

Free · MIT

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate Sonner (https://sonner.emilkowal.ski) for this project, then use it only if it fits what we are already building.
Context: Toast notifications. An opinionated React toast component, v2, from Emil Kowalski. Stacked, swipeable, animated toasts with promise-aware variants that show loading then success or error automatically. Now the toast component shadcn/ui recommends, replacing its older one.
Reviewer notes (general, not written for this codebase): One import and toast.success('Saved') works anywhere, with no provider plumbing. Without it, silent failures are invisible — users click save, nothing happens, and they click again.
Watch out for: Styling is deliberately opinionated, so deep visual customisation means fighting its CSS variables. shadcn's deprecated toast component is a different API — do not mix tutorials.
Pricing: Free · MIT
Setup: npm install sonner
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/sonner