AI Thinking Indicator
AI
Feedback
Loading states showing AI is processing
Interactive Preview
Three different indicator styles
Variant:
Features
- Three variant styles (dots, text, steps)
- Animated bouncing dots
- Spinning loader with text
- Pulsing brain icon for analysis
- AI avatar with gradient background
- Customizable loading states
Installation
Show users when AI is processing their request with animated indicators.
// Import from component library
import { AIThinkingIndicator } from '@/components/ai'