Notiwind screenshot

Notiwind

Author Avatar Theme by Emmanuelsw
Updated: 10 Dec 2024
281 Stars

A headless Vue 3 notification library to use with Tailwind CSS.

Categories

Overview

Notiwind is a headless Vue 3 notification library designed to be used with Tailwind CSS. It is a fork and port of the vue3-vt-notifications library created by killmenot, with modifications by sansil to support Vue 3.

Features

  • 100% Customizable
  • Composition API support
  • Create different groups of notifications
  • Tailwind’s JIT support

Installation

To install Notiwind, you can use npm:

npm install notiwind

or yarn:

yarn add notiwind

You can then register Notiwind as a Vue plugin:

import { createApp } from 'vue'
import Notiwind from 'notiwind'
const app = createApp(...)
app.use(Notiwind)
app.mount(...)

Summary

Notiwind is a customizable Vue 3 notification library that supports the composition API. It allows users to create different groups of notifications and makes use of Tailwind CSS for styling. With its easy installation and versatile features, Notiwind is a valuable tool for adding notifications to Vue 3 applications.