chatbot_support_kit 1.0.1 copy "chatbot_support_kit: ^1.0.1" to clipboard
chatbot_support_kit: ^1.0.1 copied to clipboard

A customizable floating chatbot widget for Flutter apps. Drop-in chat UI with AI integration, WebSocket support, and beautiful animations.

Chatbot Support Kit #

pub package License: MIT

A customizable floating chatbot widget for Flutter apps. Similar to web chat widgets, this package adds a floating chat button to your app that opens a beautiful chat interface with AI integration support.

✨ Features #

  • 🎯 Drop-in Widget - Wrap any widget to add chat functionality
  • πŸ’¬ Beautiful Chat UI - Modern chat interface with smooth animations
  • 🎨 Fully Customizable - Colors, sizes, messages, and positioning
  • πŸ€– AI Integration - Built-in support for AI-powered responses
  • πŸ”Œ WebSocket Support - Real-time communication via WebSocket
  • ⌨️ Typing Indicator - Animated typing indicator for bot responses
  • πŸ“± Responsive - Works on all screen sizes

πŸ“Έ Preview #

chatbot-support-kit

πŸš€ Installation #

Add this to your pubspec.yaml:

dependencies:
  chatbot_support_kit: ^1.0.0

Then run:

flutter pub get

πŸ“– Usage #

Basic Usage #

Wrap your app content with ChatBotWidget:

import 'package:chatbot_support_kit/chatbot_support_kit.dart';

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'ChatBot Widget Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const ChatBotWidget(
        config: ChatConfig(
          title: 'Support Bot',
          themeColor: Color(0xFF007BFF),
          initialMessage: 'Hi! How can I help you today?',
          profilePicUrl: 'https://i.pravatar.cc/40',
          apiKey:
              "your-api-key",// See API Key Configuration
        ),
        child: HomePage(),
      ),
    );
  }
}

πŸ” API Key Configuration #

This package requires a valid API key to enable AI-powered chatbot functionality.

Note
To obtain a customized AI integration API key for your application,
please contact the development team at https://avya.lk/

βš™οΈ Configuration Options #

Property Type Default Description
title String required Title displayed in the chat header
themeColor Color Color(0xFF007BFF) Primary color for the chat widget
initialMessage String 'Hi! How can I help you?' Bot's greeting message
inputPlaceholder String 'Type a message' Placeholder text in input field
apiKey String? null API key for backend authentication
profilePicUrl String? null URL for bot's profile picture

πŸ—οΈ Architecture #

lib/
β”œβ”€β”€ chatbot_support_kit.dart        # Main export file
└── src/
    β”œβ”€β”€ chat_widget.dart          # Main ChatBotWidget
    β”œβ”€β”€ chat_config.dart          # ChatConfig configuration class
    β”œβ”€β”€ chat_message.dart         # ChatMessage model
    β”œβ”€β”€ chat_service.dart         # API/WebSocket service
    └── chat_websocket_client.dart # WebSocket client

πŸ“± Platform Support #

Platform Supported
Android βœ…
iOS βœ…
Web βœ…
macOS βœ…
Windows βœ…
Linux βœ…

🀝 Contributing #

Contributions are welcome! Please feel free to submit a Pull Request.

πŸ“„ License #

This project is licensed under the MIT License - see the LICENSE file for details.

❀️ Support #

If you find this package helpful, please give it a ⭐️ on GitHub!

πŸ› Issues #

Found a bug? Please file an issue on GitHub.

2
likes
160
points
111
downloads

Publisher

unverified uploader

Weekly Downloads

A customizable floating chatbot widget for Flutter apps. Drop-in chat UI with AI integration, WebSocket support, and beautiful animations.

Repository (GitHub)
View/report issues

Topics

#chatbot #chat #ai #widget #ui

Documentation

API reference

License

MIT (license)

Dependencies

flutter, http, sizer, uuid, web_socket_channel

More

Packages that depend on chatbot_support_kit