Status Mark
Agent task status glyph that morphs from an idle ring to a progress arc, then a check.
Use Status Mark in your project
Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.
npx shadcn@latest add @react-bits/StatusMark-TS-TWRelated components
- Call Chip
Tool-call chip whose fill wipes across as a live timer ticks, ending green or shaking red.
- Lattice Loader
Agent status row with a lattice of cells that brighten in a wave beside a live stopwatch.
- Thought Line
Reasoning trace header with a live clock that folds its steps into one line when done.