Thinking Loader

An AI thinking pill that cycles shimmering phase labels — Searching, Reading, Writing — with blur slot-swaps and a spring-pop check on completion.

Thinking

Installation

Coming soon. Components will be available via the registry once checkout goes live.

<ThinkingLoader
  phases={["Thinking", "Searching the web", "Reading sources", "Writing response"]}
  interval={2200}
  done={false}
/>

Prop	Type	Default	Description
phases	string[]	—	Labels to cycle through. Defaults to a Thinking → Writing sequence.
interval	number	2200	Milliseconds each phase is shown.
loop	boolean	true	Restart from the first phase after the last.
done	boolean	false	Settles the pill into a green check + Done state.
className	string	—	Tailwind classes on the pill.

LLM response latency
Keep users informed while a model thinks, searches, and writes.
Multi-step jobs
Surface pipeline stages (uploading, processing, finishing) with real labels.
Agent activity
Show what an autonomous agent is doing right now.
Search-in-progress
A premium alternative to a spinner for RAG-backed search.