# Sonner

> An opinionated, polished toast notification component for React.

Sonner is an open-source React toast library designed with refined animations and stacking behavior. It provides an intuitive API for standard, promise-based, and actionable notifications, and serves as the default toast implementation in shadcn/ui.

Website: https://sonner.emilkowal.ski/

## What it is for

- Display user feedback and alert notifications in React web applications
- Show asynchronous loading and success/error states using promise toasts
- Add undo actions and interactive buttons to transient UI alerts

## Features

- Stacked toast layout with customizable visible toast limits
- Built-in support for success, info, warning, error, and promise states
- Configurable screen positioning with directional swipe-to-dismiss
- Rich color presets and optional close buttons
- Headless rendering mode for custom styling
- Lightweight setup with a single root Toaster component

## Pricing

Open source. Free and open source (MIT)

## Details

- Type: Web app
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Open source: yes
- Platforms: Code library
- For: React frontend developers and UI designers
- Alternative to: react-hot-toast, react-toastify
- Tags: react, toast, notifications, ui, shadcn, components

## Why it was saved

- [@shadcn, 27 December 2023](https://x.com/shadcn/status/1740077797966774578): Polished, well-crafted toast component with clean animations and API — 'the last toast component you'll ever need' — and it ships with shadcn/ui.

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/sonner

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.