Thinking Steps

A live working panel – timer, sources that pop in as they are searched, and steps that tick off one by one before it folds away.

Copy prompt

Searching

Working on it…

When to use

  • A live working panel – timer, sources that pop in as they are searched, and steps that tick off one by one before it folds away.
  • You want a agents piece that already handles empty, loading and dark states.

Installation

Add Thinking Steps with the shadcn CLI – your project needs a components.json – or copy the file by hand.

Pro items install with your personal access key – set it up once, then the command below works.

$ npx shadcn@latest add https://ui.elysiumdesigns.in/r/thinking-steps.json

API reference

ThinkingSteps

PropTypeDefaultDescription
classNamestring–Extra classes on the root element.
look"classic" | "clean""classic"Visual style. Both follow your light or dark theme.
Elysium UI · 17 components · 3 screens · 4 blocks · 5 illustrations · 4 motion effects