More Premium Hugo Themes Premium Tailwind Themes

Notiwind

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

Notiwind

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

Author Avatar Theme by emmanuelsw
Github Stars Github Stars: 281
Last Commit Last Commit: Dec 10, 2024 -
First Commit Created: May 5, 2023 -
default image

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.