❌

Reading view

I kept rebuilding the same "agent is thinking" UI, so I turned it into a small React + Tailwind library

Every AI app I worked on needed the same small pieces: a thinking indicator, a task checklist

that shows progress, a voice orb, a card that shows what a tool call is doing.

I kept rewriting them, so I collected them into one library.

What I focused on:

- Plain React + Tailwind. The code is copied into your project, no runtime package.

- Calm motion, and everything respects prefers-reduced-motion.

- Each component has a props playground so you can tweak it before copying.

The newest one is a tool-call card: the arguments stream in, a status pill runs,

then the result slides in. It takes a Vercel AI SDK tool part directly.

Still early, so I'd really like feedback: which part of an agent UI do you find hardest to get right?

(Link in the comments.)

submitted by /u/Slight_Care2031 to r/reactjs
[link] [comments]
  •  
❌