i ideas / repo launcher
emilkowalski avatar

emilkowalski/sonner

★ 13,194TypeScriptMIT68

An opinionated toast component for React.

What it is

Sonner is an opinionated toast component for React. You can read more about why and how it was built here. Alternatively you can use the /ask-sonner skill to do it for you and help you with any other Sonner-related questions. Add to your app, it will be the place where all your toasts will be rendered. After that you can use toast() from anywhere in your app.

When to use it

Reach for sonner when you want your app to look great fast — components, icons, motion, charts or rich editors — it's written in TypeScript and fits stacks tagged notifications, react, toast.

Category
UI & Design
Also in
—
Stars
13,194
Forks
472
Last push
3 months ago
Created
2023-02-23
Open issues
85
Website
sonner.emilkowal.ski
#notifications#react#toast#typescript

Quick start

$ git clone https://github.com/emilkowalski/sonner.git

Hand it to your AI

Read https://ideas.asveas.com/r/emilkowalski/sonner.md and help me add emilkowalski/sonner to my project. Explain the setup steps for my stack and show the minimal code to get it working.
UI & DesignMarkdown .mdOpen on GitHub ↵

Alternatives to sonner

All UI & Design →
excalidraw avatarexcalidrawVirtual whiteboard for sketching hand-drawn like diagrams★ 136kshadcn-ui avataruiComposable, accessible components with thoughtful defaults. Build your own component library with code you can customize, extend, and make your own.★ 128kmrdoob avatarthree.jsJavaScript 3D Library.★ 118ktailwindlabs avatartailwindcssA utility-first CSS framework for rapid UI development.★ 98.6ktldraw avatartldrawBuild infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.★ 51.4kgradio-app avatargradioBuild and share delightful machine learning apps, all in Python. 🌟 Star to support our work!★ 44k

Pairs well with

novuhq avatarnovuThe open-source communication infrastructure for agents and products★ 40.3kueberdosis avatartiptapThe headless rich text editor framework for web artisans.★ 39kxyflow avatarxyflowReact Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.★ 39kmotiondivision avatarmotionA modern animation library for React and JavaScript★ 35.1kmantinedev avatarmantineA fully featured React components library★ 31.9kheroui-inc avatarheroui🚀 Beautiful, fast and modern React UI library. (Previously NextUI)★ 31.2k

FAQ

What is sonner?

emilkowalski/sonner is an UI library on GitHub: An opinionated toast component for React. Sonner is an opinionated toast component for React.

When should I use sonner?

Reach for sonner when you want your app to look great fast — components, icons, motion, charts or rich editors — it's written in TypeScript and fits stacks tagged notifications, react, toast.

What are the best alternatives to sonner?

Popular alternatives in UI & Design: excalidraw/excalidraw (136k★), shadcn-ui/ui (128k★), mrdoob/three.js (118k★), tailwindlabs/tailwindcss (98.6k★), tldraw/tldraw (51.4k★).

Is sonner actively maintained?

emilkowalski/sonner looks actively maintained: the last push was 3 months ago (2026-08-10), with 13,194 stars and 85 open issues.

What license does sonner use?

emilkowalski/sonner is published under the MIT license. Check the repository's LICENSE file before commercial use.