Sonner
Opinionated toast notification component for React applications.
UI components and icons npm MIT
Used in agent projects
1,025
8.1% of 12,697 public repos built with AI coding agents
Rank in ui components and icons
#4 of 75
by use in those projects
Downloads
49.6M
npm, last 7 days, sonner
GitHub stars
13K
last push Aug 10, 2026
How Sonner is used
Sonner is a dependency in 1,025 of the 12,697 public GitHub projects set up for AI coding agents that we scanned (8.1%), #4 of 75 in ui components and icons. The most used alternative there is Lucide React. Projects that use it most often also use Lucide React (95.9%), clsx (95.0%), Tailwind Merge (94.7%). It is more common in projects set up for Kiro (13.7%) than for OpenCode (7.2%).
Often used with Sonner
| Lucide React | 95.9% of Sonner projects · 4.8× more than average |
|---|---|
| clsx | 95.0% of Sonner projects · 5.4× more than average |
| Tailwind Merge | 94.7% of Sonner projects · 5.6× more than average |
| Class Variance Authority | 93.2% of Sonner projects · 6.6× more than average |
| Radix UI | 82.9% of Sonner projects · 6.9× more than average |
| next-themes | 78.5% of Sonner projects · 8.9× more than average |
| Zod | 76.0% of Sonner projects · 4.5× more than average |
| Tailwind CSS | 99.3% of Sonner projects · 2.9× more than average |
By coding agent
| Cursor | 12.7% of projects set up for it |
|---|---|
| Claude Code | 8.9% of projects set up for it |
| GitHub Copilot | 8.4% of projects set up for it |
| OpenAI Codex | 8.2% of projects set up for it |
| Gemini CLI | 7.5% of projects set up for it |
| Devin Desktop | 11.3% of projects set up for it |
| OpenCode | 7.2% of projects set up for it |
| Kiro | 13.7% of projects set up for it |
Share of public repos configured for each agent that list Sonner as a dependency.
Install
| Package | npm install sonner |
|---|---|
| Main stacks | Next.js (663), TypeScript / JavaScript (325), PHP (18), Python (12) |
| Example projects | ding113/claude-code-hub, miantiao-me/bm.md, kovrichard/catalyst, NeurProjects/neur-app, Asymmetric-al/core |
Alternatives to Sonner
| Tool | Used in agent projects | Downloads / wk | GitHub stars | License |
|---|---|---|---|---|
| Lucide React npm Comprehensive icon library with consistent design for React applications. |
2,519 (19.8%) | 108M | 24.9K | ISC |
| Class Variance Authority npm Type-safe CSS class composition for component variants and styling. |
1,791 (14.1%) | 66.3M | 6,903 | Apache-2.0 |
| Radix UI npm Unstyled, accessible component primitives for building design systems. |
1,519 (12.0%) | 182M | 19.4K | MIT |
| React Icons npm Popular icon packs imported as React components with ES6. |
688 (5.4%) | 8.8M | 12.7K | MIT |
| cmdk npm Command menu component library for React applications. |
687 (5.4%) | 42.2M | 13K | MIT |
| React Day Picker npm Flexible and customizable date picker component for React. |
675 (5.3%) | 42.8M | 6,859 | MIT |
| Vaul npm Unstyled, accessible drawer component for React with smooth animations. |
582 (4.6%) | 35M | 8,638 | MIT |
| react-resizable-panels npm Resizable panel layout component for React with keyboard and touch support. |
545 (4.3%) | 32M | 5,395 | MIT |