# Multimodal AI Chat Input

> A versatile React component for creating AI chat interfaces. Supports text input and file attachments (images, videos, audio, PDF, etc.) with interactive previews. Includes integrated send and stop buttons, automatic textarea resizing, and optional suggested actions for new conversations. Built using modern hooks and Tailwind CSS for easy styling

- Author: [Erik X](https://21st.dev/@aghasisahakyan1)
- License: mit
- npm dependencies: lucide-react, framer-motion, tailwind-merge, fast-deep-equal, class-variance-authority
- Live preview: https://21st.dev/@aghasisahakyan1/components/multimodal-ai-chat-input

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/aghasisahakyan1/multimodal-ai-chat-input?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt