React & React Native Toast Library

Toast NotificationsOn Steroids

A modern, customizable toast notification system for React applications with beautiful animations and multiple variants.

Documentation View Live Demo

Loading... downloads

0 Stars on GitHub

1 developer

Everything you need for perfect toasts

Built with modern React patterns and designed for both web and mobile applications

Lightning Fast

Optimized for performance with minimal bundle size and smooth animations.

Cross Platform

Works seamlessly on React web applications and React Native mobile apps.

Fully Customizable

Customize colors, animations, positions, and styling to match your brand.

Developer Friendly

Simple API with TypeScript support and comprehensive documentation.

Highly Configurable

Control duration, position, stacking, and behavior with simple props.

Accessible

Built with accessibility in mind, supporting screen readers and keyboard navigation.

Simple to Use

Get started with just a few lines of code. No complex setup required.

Installation & Usage

# Install the package

npm install toastonstaroid

# Import and use

import { toast, ToastContainer } from "toastonstaroid";

function App() {
  return (
    <div>
      <button
        onClick={() => toast.success("Operation completed successfully!")}
      >
        Success Toast
      </button>

      <ToastContainer position="top-center" />
    </div>
  );
}

export default App;