Loading State

Beadkit component

Loading state

A compact, honest wait state for long-running AI work. Drive, Dots, and Orbit pair a pixel-grid signal with a shimmering label and drift-free elapsed time.

Back to gallery

Live preview

Loading state preview

Preparing your lesson

Install this component

Register Beadkit once in your shadcn project.

npx shadcn@latest registry add '@beadkit=https://beadkit.dev/r/{name}.json'
npx shadcn@latest add @beadkit/loading-state