FB-01FeedbackNew, November 10, 2026
Promise Toast
A toast that follows a task: the ring spins while it works, closes into a check or a warning when it lands, and offers Undo or Retry. Toasts stack, fan out on hover and swipe away.
PRODither Reveal Hero and more like it are in Kokonut UI Pro
Installation
Promise Toast is a free, open-source React component in the Kokonut UI Feedback collection. Add it with the shadcn CLI, which copies the source into components/kokonutui/promise-toast.tsx, so the code is yours to change.
npx shadcn@latest add @kokonutui/promise-toastUsage
import PromiseToast from "@/components/kokonutui/promise-toast";
export default function Example() {
return <PromiseToast />;
}Dependencies
Built with React, Tailwind CSS, lucide-react and motion.
Feedback Components
Free React feedback components: a promise toast, an inline alert, a save status pill, an empty state and a helpful rating, built with Tailwind CSS and Motion.
Inline Alert
An alert that does something about the problem: it lists the failed checks, re-runs them one by one, and turns from red to green when they pass.
