Components/Thinking & Reasoning

Thinking State

A minimal shimmering label that signals the agent is processing before it answers.

Component by

Kevin

Preview

Thinking

Install

Adds the component files through the shadcn CLI.

shadcn

npx shadcn@latest add https://www.aicss.dev/r/thinking-state.json

Code

"use client";

import styles from "./ThinkingState.module.css";

export function ThinkingState() {
  return <span className={styles.shimmer}>Thinking</span>;
}