affectUI › Components

React feedback components

Components that tell people what happened and what's next: toasts, a stack of notifications, a progress tracker, a setup guide and an inbox for decisions that need a person.

5 React components – 3 free.

  • Decision Inbox – Open decisions with two quick answers each – answered ones confirm and fold away
  • Notification Stack – Notice cards stacked behind each other – dismiss the front one to reveal the next
  • Progress Tracker – Onboarding checklist with an animated progress bar, ticks that draw themselves and auto play
  • Setup Guide – Onboarding panel with a progress bar and collapsible task groups that strike through when done
  • Toaster – Calm toasts from anywhere – a stack that fans out on hover, promise toasts that morph from spinner to check, swipe to dismiss