Shadcn.io is not affiliated with official shadcn/ui
Spinner in Empty State
A React full-page loading state with spinner title description and cancel button using Empty component built with shadcn/ui
Blank screens during processing panic users who think the app crashed. This React empty state shows Spinner in EmptyMedia with Processing your request title, Do not refresh warning, and Cancel button. Built with shadcn/ui Empty component with icon variant and proper structure, it's perfect for async operations, payment processing, file generation, batch operations, or any long-running task requiring full-screen loading state where users need reassurance work is progressing not stalled.
Spinner in Empty State preview
Installation
Related Components
Spinner in Item
Progress item with spinner
Spinner in Input
Input with processing spinner
Basic Spinner
Standalone spinner component
Empty State
Empty state without spinner
Button with Spinner
Loading button state
Loading Card
Card loading state
FAQ
Was this page helpful?
Sign in to leave feedback.