Feedback
npx @intellihelper/cli add.About feedback
How this category fits the Liquid Glass system
Feedback components communicate status: alerts, toasts, badges, spinners, progress bars, and keyboard shortcut (kbd) UI for Liquid Glass React apps.
Good feedback is glanceable and accessible — not just translucent decoration. Alerts and toasts carry semantic color while remaining legible on glass; Progress and Spinner show work in progress without blocking the whole viewport; Badge labels density in toolbars and sidebars; Kbd documents shortcuts for power users.
Install free feedback components with the IntelliHelper CLI for Next.js + Tailwind projects. Essential for form validation, async jobs, and AI streaming UIs where users need continuous status without leaving the page.
Components
- AlertStatus alerts with semantic tints and optional icons.
- ToastTransient Liquid Glass notifications with imperative API and stacking.
- AvatarGlass avatars with image, fallback initials, and stacked groups.
- BadgeGlass pill badges with scale-in mount animation.
- KbdKeyboard key labels for shortcuts and hints.
- SpinnerLoading spinner with arc, ring, dots, bars, pulse, and apple types.
- ProgressFrosted progress bar with spring-animated fill.
- Notification CenterInbox-style notifications with unread, mark-read, and dismiss.
- Typing IndicatorAnimated dots while the assistant composes a reply.
- Thinking AnimationThinking/processing status for agent and chat UIs.
- Token CounterToken usage badge with estimate and limit states.
Looking for something else?