FreeComponents

Thinking Indicator

Animated three-dot bouncing indicator for chat typing/thinking states

Free
Free with a ShipSwift account.

Copies a short instruction with your private download link. Paste it into your agent: it downloads the whole skill (the source code, the setup steps and the mistakes we already made for you) and builds the screen.

Works with

+70

What it does

Animated thinking/typing indicator with three bouncing dots. Commonly used in chat interfaces to show that the AI or remote user is typing.

What you get

  • ✓45 lines of source code, ready to paste
  • ✓Source Code
  • ✓Usage
componentfeedbackthinkingtypingindicatorchatSwiftUI

Usage

// Default style
SWThinkingIndicator()

// Custom dot size, color, and spacing
SWThinkingIndicator(dotSize: 8, dotColor: .blue, spacing: 5)

// Show "typing" state in a chat bubble
if isThinking {
    SWThinkingIndicator()
}

// Place in an HStack alongside text
HStack {
    Text("AI is thinking")
    SWThinkingIndicator()
}

More in Components

All 21 skills in Components