A modular, accessible toast notification system for Vue and Nuxt with headless API and built-in components.
Notivue is a toast notification system built for Vue.js and Nuxt.js applications. It solves the problem of displaying temporary user messages (like success alerts or errors) with a focus on modularity, accessibility, and smooth animations. Developers can use pre-built notification components or create fully custom ones using its headless API.
Vue and Nuxt developers who need a robust, accessible notification system for their web applications, especially those prioritizing customization and performance.
Developers choose Notivue for its zero-dependency modular design, built-in accessibility features, and seamless integration with Vue ecosystems like Nuxt and Astro, offering both convenience and flexibility.
Zero-dependency, powerful, and truly customizable toast notification system for Vue.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Zero dependencies and granular feature inclusion keep bundle sizes small, as emphasized in the README's modular architecture.
The headless API allows full control with custom components while Notivue manages state and lifecycle, demonstrated in the README's custom component example.
Includes screen reader announcements, keyboard navigation, and reduced-motion support out of the box, ensuring WCAG compliance.
Dedicated modules for Nuxt and Astro simplify setup, with configuration examples provided for seamless integration.
Using built-in notifications or animations requires manual CSS imports, adding setup complexity and potential styling conflicts.
Limited to Vue.js and related frameworks; it cannot be used in projects outside the Vue ecosystem, as stated in the description.
Custom implementations demand knowledge of accessibility attributes and event handling, which can be challenging for developers unfamiliar with ARIA roles.