Add an AI Assistant to Your Web App in Minutes
ResonanceKit is a powerful injectable widget that enables natural language interactions with your backend and host-specific actions on any web application.
Powerful Features, Simple Integration
Everything you need to embed a powerful AI assistant.
Shadow DOM Isolation
Runs in a closed shadow DOM to prevent style conflicts with your host application.
AG-UI Protocol
Native integration with PydanticAI agents and other AG-UI compatible backends.
Host Actions
Allow the AI agent to execute custom, secure actions on the host page, like filling forms or navigating.
Real-time Streaming
Provides a fluid, live conversation experience with streaming responses from the backend.
Theme Support
Includes light and dark themes out-of-the-box, with customizable primary colors to match your brand.
Secure Authentication
Built-in support for token-based authentication to secure communication with your backend.
Get Started in 3 Steps
Integrate ResonanceKit with just a few lines of code.
1. Include Files
Add the widget's CSS and JavaScript to your page.
<!-- In <head> -->
<link rel="stylesheet" href=".../bsquare-assistant.css">
<!-- Before </body> -->
<script src=".../bsquare-assistant.bundle.js"></script>
2. Start Backend
Run your AG-UI compatible backend server.
# Start your backend
uvicorn main:app --reload --port 8001
3. Initialize & Mount
Initialize the assistant with your backend config.
<script>
const assistant = new BSquareAssistant({
apiUrl: 'https://your-backend.com/agent',
apiToken: 'your-secret-token',
theme: 'light',
primaryColor: '#0ea5e9'
});
assistant.mount();
</script>
Flexible Licensing
Choose the license that's right for your project.
Open Source (AGPLv3)
Perfect for open-source projects, hobbyists, and internal tools. Requires you to share your source code under the same license.
- Free to use
- Ideal for public projects
- Community supported
Commercial License
For proprietary applications and businesses that need to keep their source code private. Includes dedicated support.
- Keep your source code private
- Use in commercial products
- Priority support
Ready to build better user experiences?
Get started with ResonanceKit today and bring the power of AI to your application.
Start Building Now