Charles makes it easy to turn your Bubble app into a Chrome extension.
⭐⭐⭐⭐⭐ Cranford Tech is committed to providing 5-star customer support. Check out our reviews to see what people think of us!

Do you want to launch a Chrome extension but don’t know where to start? Don’t want to spend months learning how to build one from scratch?

Charles takes care of all the heavy lifting and lets you build Chrome extensions based on your Bubble app. Get started in minutes.


Common use cases
Here are some of the types of Chrome extensions we’ve seen customers build with Charles.

✅ Bookmark manager
Save certain webpages to your Chrome extension and categorise them for easy access later

✅ Summarise content with AI
Add a GPT to your Chrome extension and allow users to summarise content/webpages

✅ Bubble component library
Save down components you’ve designed in a Bubble app and re-use them later

✅ Browser automations
Automatically click on buttons, fill out forms and automate other browser interactions

These are only a few examples of what you can build with Charles.


Key features
• Display your Bubble app through a Chrome extension (as a popup, modal, or sidebar)
• Publish your extension to the Chrome Webstore
• Users can extract content from any website to use in Chrome extension actions
• Capture screenshots of the user’s screen
• Write data in Chrome’s local storage and read/delete/clear it
• Allow users to copy text from the website they’re on
• Populate input fields with user data
• Automate actions and fill out forms quickly
• Get info on the user’s active tab
• Open a URL in a new tab
• Add your own custom javascript and trigger it via an action or on page load


ℹ️ Documentation
If you’re looking to get up and running quickly, you can read our quickstart guide at the link below:

Quickstart guide

You can also read our detailed documentation - it explains everything you need to know about developing a Chrome extension with Charles:

Full documentation


Detailed video tutorials
Charles comes with a number of video tutorials.

The Ultimate Guide to Building Chrome Extensions with Bubble



Build a Component Library Chrome Extension



Build an AI Chrome Extension with Bubble in 10 Minutes



Build a Chat GPT Prompt Library Extension with Bubble in 10 Minutes



Create a Bookmark Manager Chrome Extension




Support
If you have any questions about how to use Charles, you can contact us at the link below:

https://www.cranfordtech.com/contact


Product updates
We release new features and tutorials for Charles pretty regularly. If you'd like to hear about these updates, you can sign up for our monthly newsletter at the link below:

https://www.cranfordtech.com/newsletter


Need help building your Bubble app?
You can hire us to build your app for you. Get in touch via the link below:

https://www.cranfordtech.com/hire-us


What’s next
If you like Charles, then consider checking out our other projects:

• Stripe Connect - Marketplace - The easiest way to manage payments, onboard sellers and effectively run your marketplace app
• DocuPotion - Delight your users with beautiful PDFs, designed exactly the way you want
• A+ Product - Onboarding Tour - Introduce users to your app in style with a custom onboarding tour
• Universal Video Player - A powerful and highly flexible video player plugin built with Video JS
• Beautiful Maps - Mapbox - Add incredible maps to your app
• Stripe Checkout (Shopping Cart) – The perfect plugin for eCommerce apps - create shopping cart experiences, add sales tax, shipping rates and more