React toast, alert and loading components for Tailwind CSS
Feedback components tell people what just happened and what is still going on. Toast is a notification stack with a Toaster you mount once and a toast() function you call from anywhere. Alert and Banner carry messages about a section or the whole app, from a failed payment to a maintenance notice, and Empty State fills a list, table or search that has nothing to show. For waiting there are Progress (a bar, steps or a ring), Spinner in six styles, Skeleton placeholders shaped like the content on its way, and Route Progress, the thin bar at the top of the app while a page loads.
All Feedback[12]
Emoji ReactionFree
A tapback-style reaction button that opens a bar of Apple emoji and sends copies of your pick floating up out of it.
AlertFree
An inline message about a page or a section, from a failed payment to a maintenance banner, in three variants and six tones.
ToastFree
Toast notifications: a Toaster mounted once and a toast() you call from anywhere, stacked, swipeable and paused while you read.
ProgressFree
How far something has come: a bar, a bar in steps or a ring, determinate or indeterminate, with a label, value, tones and thresholds.
Banner
A full-width announcement strip for the top of an app, a page or a panel, with tones, one action and a dismissal it remembers.
Cookie Consent
GDPR cookie consent: a bottom bar or card with Accept, Reject and Settings, per-category switches, and a gate for embeds.
Empty StateFree
What a list, table, search or page shows when there is nothing to show: an icon tile, a title, a description and actions.
Notification Center
The app's notification inbox: a bell with the unread count and a panel with filter tabs, day groups, inline actions and swipe to dismiss.
SpinnerFree
The loading indicator for anything without a known shape: six styles, from a quiet ring to the iOS spokes, in any size, tone or speed.
About Feedback
Notification Center is the app's inbox with filter tabs, day groups and swipe to dismiss, Notification Bell shows the unread count, Emoji Reaction adds tapback-style reactions, and Cookie Consent handles GDPR consent with a switch per category. On a phone toasts swipe away, banners turn compact below 640px, empty-state actions stack full width, and the route progress bar sits under the status bar through the safe-area inset. 8 of the 12 feedback components are free: the source is open to everyone through the CLI, shadcn and the docs page (the MCP server needs a free account key). The other 4 are part of Pro.