DocsThinking Indicator
Thinking Indicator
Animated AI reasoning and orbital wave indicator.
Animated AI reasoning and orbital wave indicator.
An animated AI reasoning and thinking indicator built with Framer Motion orbital wave trajectories, continuous hue-shifting, and native reduced-motion accessibility.
defaultClean, modern AI chats (ChatGPT/Claude/Gemini style) with dominant indigo & accent particles.neonFuturistic cyberpunk dashboards, gaming interfaces, and high-contrast dark modes.glowEthereal, warm analytical and finance widgets with soft ambient diffusion.cyberpunkDeveloper tools, matrix terminals, and command-line style HUD widgets.Visual aesthetic and color palette of the orbital particles.
Dimension scale and trajectory radius.
Accompanying status message.
Orbital rotation and wave oscillation speed.
Soft breathing pulse on the label text.
import { ThinkingIndicator } from "nexoreui"
<ThinkingIndicator />| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "default" | "neon" | "glow" | "cyberpunk" | "default" | Visual aesthetic preset for orbital particle colors, aura glow, and typography. |
| size | "sm" | "md" | "lg" | "md" | Physical dimensions and orbital trajectory radius of the particle cluster. |
| label | React.ReactNode | undefined | Optional text or node rendered next to the animated orbital indicator. |
| shimmerLabel | boolean | true | Enables subtle opacity pulsing on the label text in sync with reasoning cycles. |
| speed | "slow" | "normal" | "fast" | "normal" | Velocity multiplier for the primary and secondary orbital wave trajectories. |
| className | string | — | Custom CSS classes passed to the outer flex container. |
Synthesizing real-time telemetry from 14 distributed clusters...