💬 Chatbot UI

A modern and responsive chatbot interface built with React, Vite, Tailwind CSS, and Framer Motion. Currently uses mock replies, but can be connected to any backend or AI API.

✨ Features

• Responsive design (desktop & mobile)
• Smooth animations with Framer Motion
• User & Bot bubbles (right/left aligned)
• Clean gradient theme with customizable colors

🚀 Getting Started

Clone repo

git clone https://github.com/your-username/chatbot-ui.git cd chatbot-ui

Install dependencies

npm install

Run dev server

npm run dev

Open 👉 http://localhost:5173

📂 Structure

src/ ├── components/ │ ├── Chatbot.jsx │ ├── ChatHeader.jsx │ ├── ChatMessage.jsx │ ├── ChatInput.jsx ├── App.jsx └── main.jsx