Thelasttoastlibraryyou'lleverneed
Premium React toast notifications. Streaming, progress bars, confetti, undo countdown, and headless mode. Built for 2026.
npm install @emrelutfi/emre-toastBuilt for the future
Features that set emre-toast apart from every other toast library
Zero Dependencies
No framer-motion, no heavy libs. Pure CSS + minimal JS. Under 4KB gzipped.
Confetti Celebration
Optional confetti burst on success toasts. Makes wins feel celebratory.
Undo Countdown
Visual countdown ring. Click Undo before it completes to reverse the action.
Avatar Toasts
Rich media with avatar images for social and chat-style notifications.
Streaming Toasts
Unique. Text streams in for AI/LLM apps. No competitor has this.
Progress Toasts
Real progress bars for uploads and downloads. Update programmatically.
Smart Grouping
Auto-groups duplicate toasts. 5 saves become 'File saved (×5)'.
Headless Mode
Fully unstyled primitives via useEmreToast(). Build your own UI.
Sound Effects
Optional Web Audio API sounds. Procedurally generated, no audio files.
Interactive Playground
Design and test your toast in real time
Toaster options
Boş bırakırsan sistem varsayılanı 5000ms kullanır.
Quick demos
Live code preview
<EmreToaster position="bottom-right" />
emreToast.success("Changes saved", {
description: "Your changes have been saved and synced successfully.",
action: { label: "Undo", onClick: () => {} }
})Documentation
Everything you need to add premium toasts to your React app
import { EmreToaster, emreToast } from '@emrelutfi/emre-toast'
import '@emrelutfi/emre-toast/styles.css'
function App() {
return (
<>
<EmreToaster position="bottom-right" />
<button onClick={() => emreToast.success('Saved!')}>
Save
</button>
</>
)
}Toast Types
emreToast('Hello')
emreToast.success('Saved!')
emreToast.error('Failed')
emreToast.warning('Careful')
emreToast.info('FYI')
emreToast.loading('Loading...')Toaster Props
<EmreToaster
position="bottom-right"
theme="system"
maxVisible={5}
sounds={false}
animation="slide"
expand={false}
closeButton={false}
/>Compare with others
See how emre-toast stacks up against popular alternatives
| Feature | emre-toast | Sonner | React Hot Toast | goey-toast |
|---|---|---|---|---|
| Zero dependencies | ||||
| Confetti celebration | ||||
| Undo countdown | ||||
| Avatar toasts | ||||
| Streaming toasts | ||||
| Progress toasts | ||||
| Smart grouping | ||||
| Headless mode | ||||
| Sound effects | ||||
| Animated icon transitions | ||||
| Promise API | ||||
| Swipe to dismiss | ||||
| Dark/light theme | ||||
| TypeScript-first | ||||
| Close button | ||||
| Movable toasts | ||||
| Custom JSX body | ||||
| Under 4KB gzipped | ||||
| Morphing/blob animations |