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.
The parts of an app that tell people what just happened: a toast that follows a task from working to done, an alert that re-runs what failed, a pill that says whether your work is saved, an empty state that turns into your first item, and a rating that asks if a page helped. Each one is a React component built with Tailwind CSS and Motion.
- FB-01Promise ToastNewA 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.
- FB-02Inline AlertNewAn 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.
- FB-03Save StatusNewAn autosave pill for editors that says Editing, Saving or Saved, counts changes while offline, and syncs them when the connection comes back.
- FB-04Empty StateNewAn empty list that shows what is missing and turns into it: the card in the drawing becomes your first project, ready to rename.
- FB-05Helpful RatingNewA page rating whose face changes with each answer, then asks what went wrong or what helped, with quick reasons and an optional note.
Audio Player CardPRO
A podcast or voice note player with a scrubbable waveform, chapter tooltips and a speed chip. Part of Kokonut UI Pro.
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.
