React Bits

Thought Line

Reasoning trace header with a live clock that folds its steps into one line when done.

Thought Line, a React Bits component

Use Thought Line 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/ThoughtLine-TS-TW
How to install React Bits components

Related 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.

  • Fuse Button

    Action button whose done state carries an undo on a burning fuse.