DEV Community

Cover image for Vercel-styled TOAST web widget for any website!
2nthony
2nthony

Posted on • Edited on

2 2

Vercel-styled TOAST web widget for any website!

Few YEARS ago, I created a framework-agnostic toast widget, it is really Vercel flavoured, lite and elegant, plus, it is only ≈1Kb in gzip!

How it looks like you can see the cover gif.

🙌 Til now it has 1k+ downloads in NPM and used by 40+ GitHub repositories, feeling great!

I am pretty sure it is useful for any website, and it is dead simple to use:

import 'vercel-toast/css'
import { createToast } from 'vercel-toast'

createToast('The Evil Rabbit jumped over the fence.')
Enter fullscreen mode Exit fullscreen mode

Feel free to reach out the:

If this widget helped you and you like it, please give me a ⭐️ 🙌.

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay