# Gemini 3 Input

> This component features a responsive "capsule" layout with interactive Floating Action Menus for tools and model selection (Fast, Thinking, Pro). Includes animated suggestion chips, hover states, and full Dark Mode support. Built with React, Tailwind CSS, and Lucide Icons.

- Author: [Ramprasad Reddy](https://21st.dev/@ramprasadre56)
- Library: Ramprasad Reddy
- License: unknown
- npm dependencies: lucide-react
- Live preview: https://21st.dev/@ramprasadre56/components/gemini-3-input

## Install

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