NudgeUI
Modern & Lightweight Toast Notification Library

Beautiful toasts.
Zero hassle.

A tiny, framework-agnostic toast notification library with a live interactive playground, CSS & Tailwind style modes, and live syntax generation.

npx nudge-ui
Try it:
toast.ts
1import { toast } from "nudge-ui";
2
3// One line for any toast type
4toast.success("Saved successfully!");
5toast.error("Failed to save changes.");
6toast.warning("Low disk space warning.");
7toast.info("New update available.");
8toast.loading("Processing request…");
9
10// Full control when you need it
11toast.show("Custom notification", {
12 type: "success",
13 position: "bottom-right",
14 duration: 3500,
15 title: "All done!",
16 onClose: (t) => console.log("closed", t.id),
17});

One import. Every toast type.

The entire API fits in a single file. Import toast and call .success(), .error(), or .show() with any options. Works in React, Vue, Svelte, or plain JS.

Everything you need

Thoughtfully designed. Production ready. Fully customizable.

Blazing Fast

Zero dependencies, under 4KB gzipped. Loads in milliseconds.

CSS & Tailwind Modes

Generate code in CSS class or Tailwind utility flavors - switch instantly.

Fully Typed

Written in TypeScript with exported types for every option and callback.

Framework Agnostic

Vanilla JS core with thin React, Vue, and Svelte wrappers available.

Accessible

ARIA roles, live regions, and keyboard support built in by default.

6 Positions

Top/bottom × left/right/center - any corner or edge of the viewport.

Ready to add toasts to your app?

Try the live playground, browse the docs, or install in under 30 seconds.

SG
Creator & Maintainer

Sahil Gadhiya

Full-stack developer building open-source developer tools. Liked Nudge UI? Let's connect, collaborate, or build your next project together!