Workflow
Workflow
Pricing Docs Company Resources Blog Contact Sales
Sign up

Existing customer? Sign in

Introducing Bubbles.js

Bubbles.js is an open source JavaScript library to create and display widgets that users can trigger. Build chat bubbles, help prompts, and more on top of Bubble.

How can I use Bubbles.js?

Bubbles.js support two ways of usage:

  1. Without build tools
  2. With build tools via ES modules

1. Using Bubbles.js directly without build tools

Add bubble.js to the <head> section

<head>
  <script src="https://unpkg.com/bubbles.js" defer></script>
</head>

Initialize your bubble

<script>
  window.bubble = BubbleJS.init()
</script>

2. Using Bubbles with build tools via ES modules

Using npm, run the following in your project's root path

npm i bubble-js --save

Import bubblejs into your project

import * as BubbleJS from 'bubble-js';
import 'bubble-js/dist/bubble-js.min.css';

What can I use Bubbles.js for?

Bubbles.js provides a great starting point to build your next JavaScript web widget, such as:

  • Chat bubble
  • Documentation popup
  • Onboarding guide
  • Setup checklist
  • Popup contact form

What is the license of Bubbles.js?

Bubbles.js, the core library, provides a MIT License.

We also offer commercial Bubbles.js extension libraries that provides pre-built functionalities to save development time in your projects. These are licensed commercially only.