xiaoluoboding/vue-sonner

Health v2 · maintenance only

Adoption not part of the score

1463 stars · 75 forks observed · 2026-08-28

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

Member repositories

For agents

markdown · JSON · MCP: product_card(name="xiaoluoboding/vue-sonner")