Dev Design Library

Thought Line

Reasoning-trace header: a glyph and a label breathe beside a live clock while steps appear beneath, then the line settles on one beat into "Thought for 4.2s" through a blur crossfade and the trace folds into it.

Thought Line preview
Library
React Bits
Framework
React
Type
component
License
Commons-Clause+MIT
Install
npx shadcn@latest add @react-bits/ThoughtLine
Files
  • src/content/Micro/ThoughtLine/ThoughtLine.css
  • src/content/Micro/ThoughtLine/ThoughtLine.jsx
Source
https://github.com/DavidHDev/react-bits

Categories

More from React Bits