NexoreUI
InstallationComponentsNexore MakeGitHub
GitHub
NexoreUIv0.1.2

Getting Started

Installation

Components

ButtonInputCardBadgeAlertAvatarAccordionModal / DialogTooltipTabsProgressSkeletonSliderSwitchRatingCommandTableStepperScroll AreaFile UploadNavigationIconsDock

Pro

ChartsData DisplayDark Mode ToolkitCommerceCookie ConsentSocialPremium EffectsLoaders

Animated

MarqueeNumber TickerAnimated NumberTyping AnimationThinking IndicatorTool Call CardAgent Status PillBlur FadeBox RevealFile Preview CardImage Compare
MIT License
DocsAgent Status Pill

Agent Status Pill

Ultra-compact AI agent status pill with live orbit indicator and pulse ring.

Agentic AI
React 19
Framer Motion
import { AgentStatusPill } from 'nexoreui'

Ultra-compact status descriptor for AI agents in toolbars, headers, and cards. Integrates live thinking orbital animation, state icons, pulse radar rings, and customizable labels.

Interactive Playground

AgentStatusPill Playground
nexoreui
Live Preview
Thinking...
Pill component (standalone or embeddable in navigation)
Props Panel
select

Current execution status of the agent.

select

Visual aesthetic preset.

select

Physical pill scale.

boolean

Display readable status title.

boolean

Ambient radar pulse ring.

Generated Code
Open in GitHub
import { AgentStatusPill } from "nexoreui"

<AgentStatusPill />

Real-World Examples

Navigation Header Integration
NX
Nexore Cloud Agent
Autonomous Task Worker #41
Reasoning
component.tsx
Multi-Agent Swarm Orchestration
Planner Agent
Completed
Executor Agent
Running
Reviewer Agent
Idle

API Reference (Props)

PropTypeDefaultDescription
status"idle" | "thinking" | "running" | "success" | "error""idle"Operating status of the AI agent with corresponding live animations, icons, or dots.
variant"default" | "neon" | "glow" | "cyberpunk""default"Visual aesthetic theme matching NexoreUI indicator presets.
size"sm" | "md" | "lg""md"Compactness scale of the pill container.
showLabelbooleanfalseWhether to display the text label next to the animated indicator.
labelReactNodeundefinedCustom label text override for the pill.
pulsebooleanfalseAdds an animated ambient radar/pulse ping ring for active attention.