# Sonner components

> Browse 4 Sonner component designs for React, a collection styled with Tailwind CSS to deliver notifications and alerts in Next.js apps.

18 components available. Showing all of them below.

- [Toast](https://21st.dev/@arunachalam/components/toast.md) — by Arunachalam
- [Sonner](https://21st.dev/@shadcn/components/sonner.md) — by shadcn
- [Link Shortner](https://21st.dev/@vaib215/components/link-shortner.md) — by Vaibhav Kumar Singh
- [Smart Notify Button](https://21st.dev/@ruixen.ui/components/smart-notify-button.md) — by Ruixen UI
- [Sonner](https://21st.dev/@sean0205/components/sonner/variants.md) — by Sean Hello
- [Sonner](https://21st.dev/@sean0205/components/sonner.md) — by Sean Hello
- [indevuiToaster](https://21st.dev/@ln-dev7/components/indevui-toaster.md) — by LN
- [8-bit Toast](https://21st.dev/@theorcdev/components/8bit-toast.md) — by OrcDev
- [Sync Status Toast](https://21st.dev/@shadcnspace/components/sonner-05.md) — by ShadcnSpace
- [Order Confirmation Toast](https://21st.dev/@bundui/components/toast6.md) — by Shadcn UI Kit
- [Payment Error Toast](https://21st.dev/@bundui/components/toast3.md) — by Shadcn UI Kit
- [Sonner Success Toast](https://21st.dev/@bundui/components/toast2.md) — by Shadcn UI Kit
- [Sonner Toast](https://21st.dev/@bundui/components/toast1.md) — by Shadcn UI Kit
- [Sonner Logout Toast](https://21st.dev/@bundui/components/toast9.md) — by Shadcn UI Kit
- [Toast with Action Button](https://21st.dev/@bundui/components/toast11.md) — by Shadcn UI Kit
- [Sonner Promise Toast](https://21st.dev/@bundui/components/toast8.md) — by Shadcn UI Kit
- [Sonner Custom Color Toast](https://21st.dev/@bundui/components/toast7.md) — by Shadcn UI Kit
- [Sonner Custom Toast](https://21st.dev/@bundui/components/toast10.md) — by Shadcn UI Kit

Full component directory: https://21st.dev/llms.txt