Feature Showcase
Every robot-toast option with live, editable demos. Hit run and watch the toast come to life.
🤖 Robots
16 featuresWave Robot
Friendly waving robot companion
Base Robot
Standard robot variant
Base 2 Robot
Alternative base variant
Success Robot
Happy robot for success messages
Error Robot
Worried robot for error messages
Angry Robot
Angry expression robot
Angry 2 Robot
Alternative angry variant
Shock Robot
Surprised robot
Think Robot
Thoughtful robot
Search Robot
Searching robot with magnifying glass
Loading Robot
Loading spinner robot
Sleep Robot
Sleeping robot
Head Palm Robot
Embarrassed head-palm gesture
Typing Robot
Robot with typing gesture
Validation Robot
Validation check robot
Validation 2 Robot
Alternative validation variant
📍 Positions
6 featuresTop Right Position
Display toast in the top-right corner
Top Left Position
Display toast in the top-left corner
Top Center Position
Display toast at the top center
Bottom Right Position
Display toast in the bottom-right corner
Bottom Left Position
Display toast in the bottom-left corner
Bottom Center Position
Display toast at the bottom center
🎨 Themes
3 featuresLight Theme
Light color scheme
Dark Theme
Dark color scheme
Colored Theme
Colorful theme based on type
🏷️ Types
5 featuresDefault Type
Default notification type
Info Type
Informational notification
Success Type
Success notification
Warning Type
Warning notification
Error Type
Error notification
✨ Animations
5 featuresTypewriter Effect
Characters appear one by one
Bounce Transition
Springy bounce entry and exit
Slide Transition
Smooth horizontal slide in and out
Zoom Transition
Scales up from the center
Flip Transition
3D flip entry
⚙️ Behavior
7 featuresProgress Bar
Countdown progress bar animation
Persistent Toast
Disable auto-close — toast stays until manually dismissed
Quick Close (1.5s)
Short-lived toast that auto-closes in 1.5 seconds
Long Display (10s)
Lingering toast with a 10-second countdown
Hidden Progress Bar
Auto-closes without showing the countdown bar
Pause on Hover
Countdown pauses while the cursor is over the toast
Pause on Focus Loss
Countdown pauses when the window loses focus (try switching tabs)
👆 Interactions
9 featuresDrag & Drop
Click and drag the toast anywhere
RTL Layout
Right-to-left layout — message on the right, robot on the left
Away From Edge
Flip robot placement so the message sits closer to the screen edge
⏳ Async
2 featuresPromise Lifecycle
Handle loading, success, and error states
Lifecycle Callbacks
Fire custom logic when the toast opens and closes (check your console)
🎭 Styling
1 featureCustom Styling
Apply custom CSS styles inline
🍞 other-style
7 featuresother Default
Dark other base — white text on near-black with a subtle border
other · Success
Dark card with a green accent — matches the other success look
other · Error
Dark card with a red accent
other · Warning
Dark card with an amber accent
other · Info
Dark card with a blue accent
other · Description
Two-line toast — title + subtitle via newline in the message
other · Rich
Glassy gradient card with an inset highlight