Skip to content

flash-source/chatbot-ui

Repository files navigation

💬 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

About

A modern, responsive chatbot UI built with React (Vite) + Tailwind CSS, featuring smooth animations, a clean light theme, and customizable design. Easy to connect with any backend (e.g., Python/Flask/FastAPI) to power real conversations.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors