xiaoluoboding/vue-sonner
Some data may be outdated — see provenance labels.
🔔 An opinionated toast component for Vue & Nuxt. observed · 2026-10-03
Health v2 · maintenance only
52/100
- Activity 51
- Release rhythm 30
- Longevity 95
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-10-22. Adoption (stars, forks) is never an input.
- gap_med: 31.5
- age_days: 1332
- days_rel: 385
- days_push: 295
- n_releases_24m: 9
Adoption not part of the score
1464 stars · 75 forks observed · 2026-10-03
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
Vue Sonner is an opinionated toast notification component for Vue 3 and Nuxt 3, ported from the popular React library Sonner. It ships with sensible default styling, swipe-to-dismiss animations, and extensive customization options including themes, positions, and rich colors.
Use cases
- show toast notifications in a Vue 3 app
- add toast notifications to a Nuxt 3 project
- display success and error alerts with swipe-to-dismiss
- show a toast when a promise resolves or rejects
- customize toast styling with Tailwind CSS
- programmatically dismiss notifications
When to choose
- you want beautiful, pre-styled toasts with minimal setup in Vue or Nuxt
- you like Sonner's design and want the same experience in Vue
- you need promise-based toasts, actions, and custom toast components
- you want a lightweight, MIT-licensed notification component
When to avoid
- your project uses Vue 2
- you need a full notification system with queues, persistence backends, or server-side delivery
- you need toast support for React or other frameworks
Facets
library · maturity active
ui-components frontend-framework frontend web-development web-design browser toast notifications vue3 nuxt3 sonner-port component-library nodejs
3 sources
- readme: https://github.com/xiaoluoboding/vue-sonner · fetched 2026-10-03 · 29452c4ab689
- homepage: https://vue-sonner.robertshaw.me · fetched 2026-08-29 · 0c379002dc7e
- registry_npm: https://registry.npmjs.org/vue-sonner · fetched 2026-08-29 · 0c6749478105
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| xiaoluoboding/vue-sonner | main | 52 |
For agents
markdown · JSON · MCP: product_card(name="xiaoluoboding/vue-sonner")
Data as of 2026-10-19T08:05:51.212177+00:00 · Report a problem