**BotlyBot** is a lightweight, fully customizable, plug-and-play chatbot UI component for React applications — powered by [Botly](https://botly.ai), your platform to build, host, and manage AI chatbots using Gemini, DeepSeek, and Mistral models.
npm install botly-bots.env API key
bash
npm install botly-bots
``
---
🛠️ Usage
`jsx
import React from 'react';
import { BotlyBot } from 'botly-bots';
function App() {
return (
apikey={import.meta.env.VITE_BOT_API_KEY},
primaryColor = '#1d4ed8',
secondaryColor = '#f8fafc',
title = 'Botly Assistant',
initialMessage = 'Welcome! How can I help you today?',
botAvatar = "your-bot-avatar-url-here"
/>
);
}
export default App;
`
---
⚙️ Configuration
You need to provide your Botly chatbot API key via environment variables.
Add the following to your .env file:
`
VITE_BOT_API_KEY=your_unique_botly_key
`
> 🔑 You can generate your chatbot and get the key from the Botly Dashboard
---
📁 Example
.env
`
VITE_BOT_API_KEY=botly_xxxxxxxx
`
> Make sure to restart your development server after modifying .env.
---
🔐 Security Note
This package uses a read-only public API key — no admin-level or sensitive operations are exposed via the frontend.
---
📤 Feedback or Issues?
* 💬 Submit an issue
* 📧 Email us: hello@codexjatin.me
---
🤝 Contributing
We welcome contributions!
Feel free to fork this repo, improve components, and open a pull request.
---
📄 License
MIT License © Botly
``