Feedback
DrylSpinner
AI-awareCompact, organic loading indicator in three variants — Ring (a liquid torus), Dots (goo droplets that split and merge) and Pulse (blooming membranes) — with built-in AI mode support.
Variants
Ring turns at constant speed while its outline wobbles and its wall breathes. Dots fuses three droplets into a core and splits them off again. Pulse layers three membranes that morph at unrelated periods around a breathing nucleus.
Ring · Liquid
Dots · Goo
Pulse · Bloom
Sizes
Ring
Sm
Md
Lg
Dots
Sm
Md
Lg
Pulse
Sm
Md
Lg
AI Mode
The AiState values that change a spinner, across all three variants — the spinner slows on Thinking and sprints on Streaming. Proposed renders like None: nothing is in progress while a suggestion waits.
| State | Ring | Dots | Pulse |
|---|---|---|---|
AiState.None |
|||
AiState.Active |
|||
AiState.Thinking |
|||
AiState.Streaming |
|||
AiState.Generated |
Live AI lifecycle
Simulate a full AI call: Thinking → Streaming → Generated, then idle as Active.
AI
Press Simulate to start.
In context
Saving changes…