Get everything for $99, lifetime

Components

Reasoning Trace

Pro

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/reasoning-trace

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$99 once · 161 Pro components · lifetime updates.

I have a licenseGet Pro
import { ReasoningTrace } from "@/components/ui/ReasoningTrace";

<ReasoningTrace
  steps={[
    "Parse the input and find the constraint.",
    "Pick an approach and check the edge cases.",
  ]}
/>

Use cases

  • Chain-of-thought UI

    Show a model's reasoning steps, then collapse to a summary like o1 or Claude.

  • Agent step log

    Stream what an agent is doing before it returns a result.

  • Tool-call trace

    Reveal the steps a RAG or tool-using flow took to answer.

  • Debug panel

    A collapsible, readable trace of an automated process.