Agent Activity
Visual display of an AI agent's execution chain — steps, tools, decisions, progress. Install Agent Activity from the VLLNT UI registry with the shadcn CLI.
Supported platforms:WebNative
4 storiesView componentAI Sidebar
Slide-out AI assistant panel with provider, header / content / footer slots, and a standalone trigger. Install AI Sidebar from the VLLNT UI registry with the shadcn CLI.
Supported platforms:Web
When to use this in an AI app
Add AI Sidebar when you want a co-pilot alongside an existing product UI rather than a full-page chat. The provider + trigger pattern lets any screen open the assistant in context.
Browse all AI agent componentsPreview
Switch between light and dark to inspect the embedded Storybook preview.
Slide-out AI assistant panel with provider, header / content / footer slots, and a standalone trigger. Part of the ai family in VLLNT UI, it ships as a machine-readable registry entry — copy the source directly into your app with the shadcn CLI and own it, no runtime dependency on a component library.
Platform comparison
| Platform | Dependencies | Capabilities |
|---|---|---|
| Web | @vllnt/ui@^0.3.0, lucide-react | Browser rendering, DOM events, and ARIA semantics |
| Native | — | Not available |
Installation
Add AI Sidebar to your project with the shadcn CLI. The source lands in your codebase, ready to adapt:
pnpm dlx shadcn@latest add https://ui.vllnt.com/r/ai-sidebar.jsonSource
Stories
Explore every variant and state in the interactive Storybook: