In this video, we’ll show you can build a Component Library Chrome extension for Bubble (like Frames, Atomic Fusion or Basis Lab) with Charles. We’ll transform a Bubble app into a Chrome extension and be able to save down components that you can re-use in any app whenever you want.
This can be useful if you’re tired of recreating your own components from scratch every time you start a new app.
Links
🧩 Charles
https://buildwithcharles.io/
ℹ️ Charles documentation
https://cranford-tech.gitbook.io/charles
📧 Support
https://www.cranfordtech.com/support
🎨 Check out our other templates and plugins
https://bubble.io/contributor/1639725919422x893231862142530600
💼 Hire us to build your custom app
https://www.cranfordtech.com/hire-us
Timeline
00:00 Intro
01:05 How copied elements get stored in Chrome
02:52 Converting a Bubble app to a Chrome extension with Charles
06:48 Using a sidebar for the Chrome extension
08:30 Database structure
09:01 Charles plugin
13:04 Saving components to the Bubble database
18:45 Pasting saved components into other apps