Bubble Rocket

The stunning component library for Bubble.io developers to build beautiful, responsive user interfaces 10x faster

What is Bubble Rocket?

Bubble Rocket is a Chrome extension developed by https://vnocode.com, and its main feature is "The stunning component library for Bubble.io developers to build beautiful, responsive user interfaces 10x faster".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot

Download Bubble Rocket Extension CRX File

Download Bubble Rocket extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        The Bubble Rocket extension accelerates your Bubble.io development by providing a powerful UI toolkit for top-tier, responsive web design.

This Bubble.io extension includes:

- 244+ beautifully crafted components like buttons, tables, popups, alerts, and more to instantly expand your Bubble design capabilities. Just copy & paste into the Bubble editor.

- Support trending UI collection like Tailwind UI. Use Tailwind UI in Bubble just in 1 click. This extension allows you to seamlessly integrate Tailwind UI components into your Bubble projects with just one click. 

Tailwind UI is a popular UI kit containing over 100 responsive HTML & CSS components designed for rapid web development. 

With this extension, you can take advantage of Tailwind UI's modern and flexible components to quickly prototype and build web apps in Bubble. 

No more reinventing the wheel - just focus on bringing your ideas to life faster using Tailwind UI components. Transform the way you develop web projects in Bubble today!

- Color palettes for consistent, visually appealing designs that match your brand.
- Component request feature - our team will design any custom element for your Bubble project, guaranteed.

The Bubble Rocket plugin helps Bubble.io developers skip repetitive design work and focus on creating incredible user experiences. Construct polished, conversion-focused interfaces in a fraction of the time.

Bubble Rocket helps Bubble.io developers ready to take their skills to the next level. 

Skip the grunt work and focus on what matters - no more wrestling with design and responsiveness.


HOW TO USE

1) Install the Bubble Rocket extension
2) Go to your Bubble Editor, click on the Bubble Rocket Logo (below the Logs tab on Bubble Editor) to open the extension
3) In the extension, find or search your component
3) Click the Copy button or the Copy with workflows button.
4) On your Bubble Design Tab, click with the right mouse button anywhere on the page and press Paste with workflows.

CHANGE LOG

v1.2.0 - 14 Dec 2023
- Add Progressive Web App Generator feature

v1.0.8 - 07 Dec 2023
Add shortcuts to: 
- Reveal elements tree: Alt/Option + Shift + O
- Start/edit a workflow: Alt/Option + F


v1.0.7 - 18 Nov 2023
Fix bugs and change urls in extension

v1.0.6 - 16 Nov 2023
Rebrand to Bubble Rocket - not only UI but an one-stop for Bubble development

v1.0.5 - 02 Oct 2023
- Improve search UX 
- Edit Product Tour 
- Improve Component Listing UX 
- Add more component 

v1.0.4 - 25 Sep 2023
- Add Instruction page after installing
- Add Product tour to guide users how to use the extension

v1.0.3 - 20 Sep 2023
- Add Tailwind UI Collection 
- Add User Notification
- Add User component history
v1.0.2 - 10 Sep 2023
- Add search component 
- Add component request feature                    

Extension Basic Information

Name Bubble Rocket Bubble Rocket
ID jjobdegmkedaejnebjpeekpjemnpakep
Official URL https://chromewebstore.google.com/detail/bubble-rocket/jjobdegmkedaejnebjpeekpjemnpakep
Description The stunning component library for Bubble.io developers to build beautiful, responsive user interfaces 10x faster
File Size 86.49 KB
Installation Count 126
Current Version 1.2.0
Last Updated 2023-12-14
Publish Date 2023-09-05
Rating 5.00/5 Total 3 Ratings
Developer https://vnocode.com
Email [email protected]
Payment Type free
Extension Website https://vnocode.com/bubble-component-collection
Help Page URL https://vnocode.com/privacy
Privacy Policy Page URL https://vnocode.com/privacy
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "content_scripts": [
        {
            "css": [
                "style.css"
            ],
            "js": [
                "jquery.js",
                "hotkey.js",
                "service.js"
            ],
            "matches": [
                "*:\/\/*.bubble.io\/page*",
                "*:\/\/*.bubble.is\/page*",
                "*:\/\/*.bubble.com\/page*"
            ],
            "run_at": "document_end"
        }
    ],
    "background": {
        "service_worker": "background.js",
        "type": "module"
    },
    "description": "The stunning component library for Bubble.io developers to build beautiful, responsive user interfaces 10x faster",
    "icons": {
        "128": "icons\/icon_128.png",
        "16": "icons\/icon_16.png",
        "32": "icons\/icon_32.png",
        "48": "icons\/icon_48.png"
    },
    "manifest_version": 3,
    "name": "Bubble Rocket",
    "permissions": [
        "tabs"
    ],
    "commands": {
        "reveal-elements-tree": {
            "description": "Reveal in Elements tree",
            "suggested_key": "Alt+Shift+O"
        },
        "start-edit-workflow": {
            "description": "Start\/Edit workflow",
            "suggested_key": "Alt+F"
        }
    },
    "action": [],
    "version": "1.2.0",
    "web_accessible_resources": [
        {
            "matches": [
                "*:\/\/*.bubble.io\/*",
                "*:\/\/*.bubble.is\/*",
                "*:\/\/*.bubble.com\/*"
            ],
            "resources": [
                "icons\/*"
            ]
        }
    ],
    "externally_connectable": {
        "matches": [
            "https:\/\/*.vnocode-com.bubbleapps.io\/*",
            "https:\/\/*.vnocode.com\/*",
            "*:\/\/*.bubble.io\/*",
            "*:\/\/*.bubble.is\/*",
            "*:\/\/*.bubble.com\/*",
            "https:\/\/*.bubbleapps.io\/*"
        ]
    }
}