Expo Agent Spinners

expo-agent-spinners

54 terminal-style agent-like spinners for React Native & Expo. Lightweight, zero native dependencies — just `Text` and `setInterval`. No heavy UI threads

Inspiration from https://github.com/vyfor/rattles

Preview

Braille, ASCII, arrow, and emoji spinners all in one place, ready to drop into any loading state, AI agent stream, or CLI-style UI.

Installation

You can copy any spinner you need from the `src/components/spinners` directory for use in your project.

Usage

Import the component you need:

import { DotsSpinner } from "./src/components/spinners/dots";

export default function Loading() {
  return ;
}

Container sizing

Spinners render Unicode characters whose pixel width depends on font rendering. To prevent layout overflow or shifting, **always wrap spinners in a fixed-size container**:

// ✅ Recommended — fixed container keeps layout stable

  


// ✅ Also works — pass style directly to the spinner


// ⚠️ Multi-character spinners (dots12, wave, scan, etc.) are wider —
//    use a wider fixed container to avoid clipping

  

**Suggested container sizes by character count:**

Spinner type	Characters	Recommended width
Single char (dots, moon, arc…)	1	40
Two chars (dots12, wave, scan…)	2	64
Three+ chars (point, columns…)	3–4	80–96

Props

All spinners share the same interfa