ComponentsLoading States

Loading States

Comprehensive loading state components with visual previews for all variants including spinners, progress bars, skeleton placeholders, and specialized loaders.

20components

2 Free·18 Pro

import { ... } from "@/components/blocks/loading-states"

LoadingSpinner

Free

Loading preview...

Import LoadingSpinner from @/components/blocks/loading-states

LoadingDots

Pro

Loading preview...

Import LoadingDots from @/components/blocks/loading-states

LoadingProgress

Pro

Loading preview...

Import LoadingProgress from @/components/blocks/loading-states

LoadingPulse

Pro

Loading preview...

Import LoadingPulse from @/components/blocks/loading-states

LoadingSkeleton

Free

Loading preview...

Import LoadingSkeleton from @/components/blocks/loading-states

LoadingCardSkeleton

Pro

Loading preview...

Import LoadingCardSkeleton from @/components/blocks/loading-states

LoadingTableSkeleton

Pro

Loading preview...

Import LoadingTableSkeleton from @/components/blocks/loading-states

LoadingFullscreen

Pro

Loading preview...

Import LoadingFullscreen from @/components/blocks/loading-states

LoadingOverlay

Pro

Loading preview...

Import LoadingOverlay from @/components/blocks/loading-states

LoadingSteps

Pro

Loading preview...

Import LoadingSteps from @/components/blocks/loading-states

LoadingButton

Pro

Loading preview...

Import LoadingButton from @/components/blocks/loading-states

LoadingAvatarSkeleton

Pro

Loading preview...

Import LoadingAvatarSkeleton from @/components/blocks/loading-states

LoadingListSkeleton

Pro

Loading preview...

Import LoadingListSkeleton from @/components/blocks/loading-states

LoadingGridSkeleton

Pro

Loading preview...

Import LoadingGridSkeleton from @/components/blocks/loading-states

LoadingStateWithMessage

Pro

Loading preview...

Import LoadingStateWithMessage from @/components/blocks/loading-states

LoadingStateUpload

Pro

Loading preview...

Import LoadingStateUpload from @/components/blocks/loading-states

LoadingStateSteps

Pro

Loading preview...

Import LoadingStateSteps from @/components/blocks/loading-states

LoadingStateBranded

Pro

Loading preview...

Import LoadingStateBranded from @/components/blocks/loading-states

LoadingStateRetry

Pro

Loading preview...

Import LoadingStateRetry from @/components/blocks/loading-states

LoadingStateCountdown

Pro

Loading preview...

Import LoadingStateCountdown from @/components/blocks/loading-states

All 20 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/loading-states