I Built feather-toast-vue — A Lightweight Toast Notification Plugin for Vue 3

While working on Vue 3 projects, I wanted a toast notification library that was:

lightweight

easy to set up

customizable

TypeScript friendly

simple enough for small and medium-sized apps

So I decided to build my own: ``.

It’s a lightweight toast notification plugin designed specifically for Vue 3 applications with a clean API and minimal setup.

✨ Features

⚡ Lightweight and fast

🎨 Customizable toast variants

📍 Multiple toast positions

🛠️ Vue 3 + Vite support

📦 TypeScript support

✨ Smooth animations

🔧 Easy integration

Installation

`bash

npm install feather-toast-vue

`

Register the Plugin

` ts

import { createApp } from 'vue'

import App from './App.vue'

import FeatherToast from 'feather-toast-vue'

const app = createApp(App)

app.use(FeatherToast)

app.mount('#app')

`

Usage

`ts

$toast.success('Successfully saved!')

$toast.error('Something went wrong!')

$toast.warning('Warning message!')

`

Demo…