I built a headless React chatbot widget for full UI control

#react #opensource #tailwindcss

🧱 I built a headless React chatbot widget so devs can fully control the UI
Most chatbot widgets come bloated with their own styling and markup. I wanted something I could completely control — so I built my own.

👉 @candoa/chatbot is a headless React chatbot widget built for devs who love:

full UI freedom,

TailwindCSS,

React Hooks,

and minimal dependencies.

⚡ Key Features
Headless architecture (bring your own UI)

Conversation persistence (localStorage)

Greeting messages

Typing indicators

Error handling

Demo GIF: https://candoa-public.s3.us-east-2.amazonaws.com/chatbot-ezgif.com-loop-count.gif

🛠️ Install

npm install @candoa/chatbot

or

yarn add @candoa/chatbot

📦 Example

import { useChatbot } from '@candoa/chatbot'

const { state, actions } = useChatbot('your-project-id')

return (
  <div>
    {state.messages.map((m) => (
      <div key={m.id}>{m.text}</div>
    ))}
    <button onClick={() => actions.sendMessage('Hello')}>Send</button>
  </div>
)