Simple and fast interactive Image Comparer element — perfect for before/after visuals — along with a collection of useful UI components.
This plugin grows with you — new UI elements are added regularly. Subscribers can request new components to be included.
Includes: • Image Comparer – drag slider to compare two images • Color Picker – choose and return color values dynamically • Copy to Clipboard – easily copy text or data • QR Code Generator – create responsive QR codes • Switch – toggle inputs in workflows • Progress Bar & Progress Ring – visualize progress • Signature Pad – capture digital signatures
Fully customizable, responsive, and workflow-ready — designed to enhance any Bubble project.
Each element is ready to use out of the box — just drag and drop onto your page.
Use workflows and exposed states to interact with them dynamically.
1. Image Comparer • Add the element to your page. • Set the “Before” and “After” image URLs. • Use the Slider position state to get the current divider value.
2. Color Picker • Add the element. • Use the Color value state to get the selected color. • Trigger workflows with the Color changed event.
3. Copy to Clipboard • Set the text or dynamic data to copy. • Trigger with a workflow action or button click.
4. QR Code Generator • Enter any text or URL to generate a live QR code. • Optionally set size, color, and background.
5. Switch • Use the switch for ON/OFF logic. • Access its is_on state in workflows.
6. Progress Bar / Ring • Set the value property dynamically (0–100). • Customize track and indicator colors.
7. Signature Pad • Add the element. • Draw using mouse or touch. • Use the Get image action to retrieve the signature as a PNG. • Use the Clear action to reset the canvas.
Types
This plugin can be found under the following types:
Built on Bubble
