Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

🍞 react-cooked-bread toasts!

CI Build NPM Release Docs Bundle


Small notification windows slide upward into view, like toast popping out of a toaster

Cooked bread (...toast) is a notification popup.


I f*ing love toast, what absolute genius took a bite of bread and was like "cook it again", unreal - Josh

TypeScript, extendability, good options and defaults. We needed an option that made it easy to bring your own component. Use our styles, style them uniquely, or use your own component.

This library is independent of a component library. The only dependencies are Emotion and React Transition Group.

🥐 Install

npm i --save react-cooked-bread

🥖 Usage

View the Quick Start Guide to get toast notifications in your React app within 60 seconds.

🥯 Develop

npm run setup

npm start

🥪 Contributors

Rewritten from react-toast-notifications. Contributions are welcome.

In order to abide by Conventional Commits, please use npm run commit to commit your changes before pushing to your fork and opening a PR. This will use commitizen to prompt for information regarding your changeset.