Modern, customizable toast notifications for your Nuxt 4 applications. Built with Tailwind CSS and Nuxt Icon for maximum flexibility.
Powerful features to build beautiful notification experiences
Style with Tailwind CSS, custom icons, and per-toast UI overrides. Complete control over appearance.
Full TypeScript support with auto-completion. Catch errors before they happen.
Built for the latest Nuxt with auto-imports. Zero configuration needed.
Automatic toast stacking with max limits. Never overwhelm your users.
Add buttons and callbacks for user interactions. Vertical or horizontal layouts.
Avatars, icons, descriptions, and progress bars. Everything you need.
Get up and running in less than a minute
npm install nuxt-notifyexport default defineNuxtConfig({
modules: ['nuxt-notify']
})<script setup>
const toast = useToast()
toast.success('Success!', 'Your changes have been saved')
</script>Start building beautiful toast notifications today