Public demo

UI kit · Feedback & loading

UI kitGeneric UI

Inline validation, alert banners, determinate progress, spinner, and skeleton placeholders—system state without modal overload.

Status messaging patterns for async work: saves, imports, and degraded connectivity.

UI showcase

Static composition for reference—swap in generated output when your pipeline is connected. Everything below is local markup only.

Pair with your toast system for ephemeral success; keep banners for persistent issues.

Why this demo works

  • Separates recoverable warnings from blocking errors visually.

Suggested use cases

  • Form submit flows
  • Background job polling and dashboards

What's included

  • Info, success, warning, and error alert banners
  • Inline field error copy
  • Linear progress bar
  • Indeterminate spinner
  • Three-line skeleton shimmer

Editable in Frontuna

Works with Sonner, Radix Toast, or custom alert portals.

Use this page as a briefing artifact: copy structure, swap copy, and connect your components—no fake generated code required.

Build notes

  • Announce alerts via live regions where appropriate.
  • Cap simultaneous banners to avoid alert fatigue.