Sonner

Frameworks & Libraries

Visit website

Freemium

About

Add an opinionated toast component to React.

Sonner is an opinionated toast component for React. You install it, set a position, and get toasts with sensible defaults, and the site also shows how components like it are made.

Features & use cases

Show toast notifications in React
Set the position of toasts
Get sensible defaults with little setup

Who reaches for it

React developers who need toast notifications that look good
People learning how to build polished UI components

Ready to try Sonner?

Opens sonner.emilkowal.ski in a new tab.

Visit website

Similar tools

23rd Tremor MUI beUI Chakra UI Mantine

The weekly drop

The best new tools, every week. No spam, unsubscribe anytime.

Alternatives & related tools

Beautiful UI

Copy-paste React components for AI chat agents, thinking states and human-in-the-loop flows.

daisyUI

The most popular component library for Tailwind CSS.

Input OTP

Accessible one-time password input for React, styled to fit.

Ark UI

Headless, accessible UI components for React, Vue and Solid.

shadcn/ui

Beautifully designed components you can copy and paste into apps.

NumberFlow

Animated number component for React with accessible transitions.

21st.dev

The npm for design engineers, copy-paste minimal React components.

Mantine

A full-featured React components and hooks library.