Link to the plugin page: https://zeroqode.com/plugin/color-pick-plugin-for-bubble-mobile-1760536771670x913293817774272400
Demo to preview the plugin:
Introduction
The Color Picker For Bubble Mobile plugin provides a comprehensive and intuitive color selection interface specifically designed for mobile applications built with Bubble’s mobile editor. This plugin enables users to select colors through an interactive interface that includes a main color panel, hue slider, opacity control, and predefined color swatches.
The plugin features smooth gesture-based interactions, real-time color updates, and supports various color formats including HEX, RGB, and HSL. It’s perfect for applications that require color customization, design tools, or any interface where users need to select colors on mobile devices.
Prerequisites
This plugin is designed specifically for the mobile version of the Bubble editor. To test the plugin on your mobile device, use the TestFlight app available at: https://testflight.apple.com/join/kW1puGu7
Please note that the testing app is currently available for iOS only.
How to setup
Setting up the Color Picker For Bubble Mobile plugin is straightforward:
- Install the plugin from the Bubble plugin marketplace
- Add the Color Picker element to your mobile app page by dragging it from the visual elements section
- Configure initial settings such as initial color, thumb size, and which components to show
- Access color values through the exposed states (selected Color, rgb Color, hex Color, etc.)
- Test on mobile device using Bubble’s mobile preview or deployed app
Plugin Element - Color Picker
Fields
Element Actions
Exposed states
Element Events
Workflow example
Here are some basic workflow examples to get you started with the Color Picker For Bubble Mobile plugin:
Basic Color Selection Workflow
Modal Color Picker Implementation
