Documentation

🤖

Robot Toast

A delightful, interactive toast notification library with adorable robot characters. Perfect for adding personality to your notifications while maintaining a professional look.

Animated Characters

15+ unique robot characters with smooth animations and personality.

🎨

Fully Customizable

Control position, theme, type, animations, and behavior to match your design.

📦

TypeScript Support

Full type definitions for complete IDE support and autocomplete.

🌙

Light & Dark Mode

Beautiful themes with automatic light/dark mode detection.

Zero Dependencies

Lightweight and standalone - no external dependencies required.

📱

Responsive Design

Perfect on all devices with touch-friendly interactions.

Key Features

  • 🤖
    16 Robot Variants

    Choose from angry, happy, loading, success, and many more characters

  • 🎨
    6 Position Options

    top-right, top-left, top-center, bottom-right, bottom-left, bottom-center

  • 🌈
    3 Themes & 5 Types

    Light, dark, and colored themes with info, success, warning, error, and default types

  • Progress Tracking

    Optional progress bar for long-running operations

  • 🎯
    Rich Interactions

    Draggable, dismissible, pause on hover, and focus loss support

  • ⌨️
    Typing Animation

    Messages can be typed out character by character for effect

Quick Start Example

import { toast } from 'robot-toast';

// Show a basic toast
toast({
  message: 'Welcome back!',
  position: 'top-right',
  robotVariant: 'wave.svg',
  duration: 3000
});

// Show with options
toast({
  message: 'Operation complete!',
  type: 'success',
  theme: 'light',
  position: 'bottom-right',
  draggable: true
});

Ready to add adorable robots to your notifications?

Install Now