# Loading & States components

> 7 Loading & States components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: DataState, ErrorPage, Progress, RouteProgress, Spinner, EmptyState, WsStatus.

Source: https://docs.nasaqui.com/components/groups/feedback

- [DataState](https://docs.nasaqui.com/components/data-state): One wrapper for the states of a data view, in a fixed order of loading, signed out, service unavailable, error with retry, empty with an action, then the content.
- [ErrorPage](https://docs.nasaqui.com/components/error-pages): Full-page states for 404, 500, offline, maintenance, no access, unknown workspace and a module that is coming soon, with sensible actions, an error ID to quote and English and Arabic copy.
- [Progress](https://docs.nasaqui.com/components/progress): Progress bar for work under way (with an indeterminate state and tones) and Meter for a quantity against a limit that turns warning and danger past thresholds. Wraps Base UI Progress and Meter.
- [RouteProgress](https://docs.nasaqui.com/components/route-progress): A thin progress bar along the top edge for navigation and background jobs. It creeps while work runs, jumps to full when it ends, and a hook counts overlapping jobs.
- [Spinner](https://docs.nasaqui.com/components/spinner): Small rotating loader icon for inline pending work; decorative, stops under reduced motion.
- [EmptyState](https://docs.nasaqui.com/components/states): Empty, error and loading states for a region (dashed frame with icon, title, description and actions; skeleton rows), plus the Skeleton primitive.
- [WsStatus](https://docs.nasaqui.com/components/ws-status): A realtime connection indicator showing live with latency, connecting, reconnecting with a countdown to the next try, and offline, as a pill, bare text or a banner with Retry now.