Nuxt module · TypeScript · Tailwind

nuxt-notify

Modern toast notifications for Nuxt. Great defaults, tiny footprint, and full control when you need it.

~5KB bundle100% type-safe0 deps
Quick start
Install → Add module → Use composable
Installation
npx nuxt module add nuxt-notify
export default defineNuxtConfig({
  modules: ["nuxt-notify"],
});
<script setup>
const toast = useToast()
toast.success("Success!", "Saved successfully")
</script>
SSR + SPA friendly Accessible defaults Fully customizable

Designed for real apps

Small surface area, strong defaults, and room to customize.

Performance

Fast by default

Minimal footprint and sensible defaults that feel instant in real apps.

Tiny bundle, zero deps
Flexibility

Customizable

Control position, duration, variants, transitions, and styling without fighting the API.

Composable options
Developer

Type-safe DX

Great TypeScript experience with predictable config and helpers you’ll actually use.

Clean API surface
UX

Actions & updates

Support actions, confirmations, and updates for real notification flows.

Built for products
Reliable

Safe rendering

Sensible defaults that work well in production apps and avoid common pitfalls.

Production-ready
Theme

Light & dark

Balanced contrast and comfortable theming that looks good in both modes.

Dark-mode first

Ready to try it?

Read the docs or test everything in the playground.

Built for Nuxt apps that care about performance, DX, and clean UI.