# Gradient AI Chat Input

> Ideal for modern AI-powered applications and chat interfaces where users need a premium, visually appealing input experience. Its sophisticated gradient design with multi-layer borders and smooth animations creates an engaging interface perfect for AI assistants, messaging platforms, or any application requiring file attachments and model selection. The component's responsive design and accessibility features make it suitable for professional dashboards, educational tools, or creative applications where user experience matters.

- Author: [Isaiah](https://21st.dev/@isaiahbjork)
- License: unknown
- npm dependencies: next-themes, lucide-react, framer-motion
- Live preview: https://21st.dev/@isaiahbjork/components/gradient-ai-chat-input

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/isaiahbjork/gradient-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