Make your AI a shadcn expert

React AI Persona

React AI persona component with animated Rive avatars for AI assistants

Persona preview

Scroll to load preview

Give your AI a visual presence with animated avatars. This component renders Rive animations that respond to AI state—idle, listening, thinking, speaking, or asleep. Six beautiful variants: obsidian, mana, opal, halo, glint, and command. Some variants dynamically adapt colors to your theme (light/dark). Perfect for voice AI interfaces, chat assistants, or anywhere you want a visual representation of AI activity.

Install with AI

If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this AI component for you — no copy-paste, no CLI:

use shadcnio to install the persona AI component into my project

FAQ

Was this page helpful?

Sign in to leave feedback.