Orbeez kit
Conversation

Loader

<Loader />
Something is happening and there is nothing to show yet: beads hopping in turn, one breathing, one in a ring, one thinking, typing dots, or shimmering words.
??Thinking

Install

bash
npx shadcn@latest add https://orbeez-kit.vercel.app/r/loader.json

Usage

tsx
<Loader />                          // beads
<Loader variant="mood" mood="thinking" hue={264} />
<Loader variant="text" label="Searching" />

Text shimmer

<TextShimmer />

Text with a light running across it, for words standing in for work still going on.

Spilling the beads
bash
npx shadcn@latest add https://orbeez-kit.vercel.app/r/text-shimmer.json
tsx
<TextShimmer>Reading 14 files</TextShimmer>
<TextShimmer as="h2" duration={3}>Planning</TextShimmer>
PreviousSourceNextReasoning