Ai

AI Tool

A collapsible component for displaying tool invocation details in AI chatbot interfaces.

Powered by

Radix UI

Lucide

Installation

shadcn

npx shadcn@latest add https://www.shadcn.io/registry/ai.json

Features

Collapsible interface for showing/hiding tool details
Visual status indicators with icons and badges
Support for multiple tool execution states (pending, running, completed, error)
Formatted parameter display with JSON syntax highlighting
Result and error handling with appropriate styling
Composable structure for flexible layouts
Accessible keyboard navigation and screen reader support
Consistent styling that matches your design system
Auto-opens completed tools by default for better UX

AI Suggestion

A suggestion component that displays a horizontal row of clickable suggestions for user interaction.

Aurora

Mesmerizing northern lights effect for React applications. Create stunning landing pages with this free open source component featuring smooth CSS animations, TypeScript support, and Tailwind CSS integration.