ui
Thinking…
your aiyour aican build with.

ready-made components for ai products. install them yourself, or just ask your coding agent.

see it in actioninstall crate #1
npx shadcn@latest add https://crate.onerollstudios.com/r/all.json

or tell your agent: "add crate wait states to my chat"

12states in crate #1
1command to install
2lines of setup
thinking
Thinking…
tool call
  1. searching the web…
agent plan
Plan2 of 4
  1. thinking
  2. tool call
  3. streaming
  4. done
approval

send this email?

the agent wants to send this email.

the better ai products feel better because someone sweated the small moments.

how thinking looks.

Thinking…

what shows up when a tool runs.

  1. searching the web…

how sources appear.

cratesources

what happens when something fails.

something fails.

getting those right takes weeks. so most teams ship a spinner and move on.

crate gives you those moments, ready to drop in.

they read your ai stream and switch on their own.

thinking
tool call
streaming
stalled
error
done
const status = useAgentStatus(chat)
<AgentState status={status} />
crate #1

wait states

install all of crate #1

or pick single pieces below.

before it answers

Thinking…
npx shadcn@latest add https://crate.onerollstudios.com/r/thinking.json
You’re #3 in line
npx shadcn@latest add https://crate.onerollstudios.com/r/queue.json

crate #1

12 states

24%
  1. Upload
  2. Reading
  3. Chunking
  4. Ready
npx shadcn@latest add https://crate.onerollstudios.com/r/file-processing.json

while it works

see the thinking as it happens.
npx shadcn@latest add https://crate.onerollstudios.com/r/reasoning-trace.json
  1. searching the web…
npx shadcn@latest add https://crate.onerollstudios.com/r/tool-call.json
Plan1 of 4
  1. thinking
  2. tool call
  3. streaming
  4. done
npx shadcn@latest add https://crate.onerollstudios.com/r/agent-plan.json
text arrives
npx shadcn@latest add https://crate.onerollstudios.com/r/streaming.json
cratesources
npx shadcn@latest add https://crate.onerollstudios.com/r/sources.json

when it needs you, or breaks

send this email?

the agent wants to send this email.
npx shadcn@latest add https://crate.onerollstudios.com/r/approval.json
still working…
npx shadcn@latest add https://crate.onerollstudios.com/r/stalled.json
something fails.
npx shadcn@latest add https://crate.onerollstudios.com/r/error.json

when it's done

done
npx shadcn@latest add https://crate.onerollstudios.com/r/done.json

install it yourself, or ask your coding agent.

by hand

npx shadcn@latest add https://crate.onerollstudios.com/r/all.json

by agent

› add crate wait states to my chat
react + tailwind + shadcn.uses your theme: your colors, your fonts.

this is crate #1. more are on the way.

crate #1 · wait states
crate #2 · soon
crate #3 · soon

skip the weeks.

install crate #1