goey-toast

At a glance

goey-toast adds morphing notification bubbles to a React app, using Sonner for the toast system and framer-motion for animation. Choose it when a small success, failure or loading message should have a playful visual presence. If a conventional notification already fits the interface, the extra motion and dependencies may not earn their place.

Good fit

React developers building a deliberately expressive interface. A compact pill can expand to show a description or action, and promise notifications follow an operation from loading to success or failure. The public promise demo changed from Saving to Changes Saved, showing the lifecycle without requiring an installed project.

Consider something else when

Your interface depends on quiet, minimal feedback or you want a framework-neutral widget. This is a React component with React, React DOM and framer-motion peer requirements. For a dense work surface, the animated shape may attract more attention than the underlying event warrants.

Start here

Preview Promise + Success (pill) on the site before changing your app. For an integration, the documented package name is goey-toast, with one o. Mount GooeyToaster, import goey-toast/styles.css and trigger gooeyToast.success from a button. Then connect a promise notification to a real operation so the message reflects its result rather than merely looking successful.

Cost and requirements

The inspected package is MIT-licensed and lists React and React DOM 18 or later, framer-motion 10 or later and Node 18 or later. Sonner is a package dependency. These are declared requirements, not a tested compatibility matrix. The stylesheet is required; the public quick-start snippet alone can make that easy to miss.

Limits to know

The component includes live-announcement regions and Escape dismissal, but those mechanisms do not prove screen-reader compatibility or complete accessibility. Test reduced motion, keyboard use, contrast and notification timing in your application. Only the hosted promise demonstration was exercised; installation, bundle cost and cross-browser behaviour were not measured.

Related work

• Motion: the animation toolkit supplied through the framer-motion peer dependency (complement)