Password Reveal

Add elegant show/hide toggle buttons to all password fields instantly—zero configuration, full customization.

About Plugin

Documentation

Install

Password Reveal automatically detects all password input fields in your Bubble app and adds customizable show/hide toggle buttons inside each field. Simply drag the element onto your page, configure the icon appearance, and the plugin handles everything else—including fields inside repeating groups, popups, and dynamically loaded content.

The plugin continuously monitors your page for new password fields and automatically attaches toggle buttons, ensuring consistent functionality across your entire application without any manual setup.

Preview

Go to Editor

Go to Preview

When to Use

Everything you need in a single plugin

Login and Registration Forms

expand_more

Help users avoid typos and failed login attempts by allowing them to verify their password before submitting. Reduces password reset requests and improves conversion rates.

lock_reset

Password Reset Flows

expand_more

manage_accounts

Account Settings Pages

expand_more

format_list_numbered

Multi-Step Forms

expand_more

Benefits

auto_awesome

Zero Configuration

Works automatically with all password fields on the page. No need to manually add toggle buttons to each field—just drop the element and configure once.

radar

Dynamic Detection

Automatically finds new password fields added after page load. Works perfectly with repeating groups, popups, conditionals, and dynamically loaded content.

palette

Fully Customizable

Choose any icon library (Font Awesome, Material Icons, Bootstrap Icons) with custom colors and sizes to match your app's design perfectly.

center_focus_strong

Smart Positioning

Toggle buttons automatically position themselves inside input fields and adapt to size changes, window resizing, and responsive breakpoints.

thumb_up

Better User Experience

Users can verify passwords before submitting, reducing typos, failed logins, and abandoned signups. Especially helpful on mobile devices.

mobile_friendly

Mobile Friendly

Works perfectly on touch devices with appropriately sized touch targets. Tested across desktop, tablet, and mobile browsers.

check_circle

No Conflicts

Works alongside other plugins and Bubble's native elements without interference. Clean code with proper cleanup when removed from page.

accessibility

Accessibility Improvement

Helps users with cognitive or visual challenges verify password entries. Reduces frustration and improves overall form accessibility.

auto_awesome

Zero Configuration

Works automatically with all password fields on the page. No need to manually add toggle buttons to each field—just drop the element and configure once.

radar

Dynamic Detection

Automatically finds new password fields added after page load. Works perfectly with repeating groups, popups, conditionals, and dynamically loaded content.

palette

Fully Customizable

Choose any icon library (Font Awesome, Material Icons, Bootstrap Icons) with custom colors and sizes to match your app's design perfectly.

center_focus_strong

Smart Positioning

Toggle buttons automatically position themselves inside input fields and adapt to size changes, window resizing, and responsive breakpoints.

thumb_up

Better User Experience

Users can verify passwords before submitting, reducing typos, failed logins, and abandoned signups. Especially helpful on mobile devices.

mobile_friendly

Mobile Friendly

Works perfectly on touch devices with appropriately sized touch targets. Tested across desktop, tablet, and mobile browsers.

check_circle

No Conflicts

Works alongside other plugins and Bubble's native elements without interference. Clean code with proper cleanup when removed from page.

accessibility

Accessibility Improvement

Helps users with cognitive or visual challenges verify password entries. Reduces frustration and improves overall form accessibility.

auto_awesome

Zero Configuration

Works automatically with all password fields on the page. No need to manually add toggle buttons to each field—just drop the element and configure once.

radar

Dynamic Detection

Automatically finds new password fields added after page load. Works perfectly with repeating groups, popups, conditionals, and dynamically loaded content.

palette

Fully Customizable

Choose any icon library (Font Awesome, Material Icons, Bootstrap Icons) with custom colors and sizes to match your app's design perfectly.

center_focus_strong

Smart Positioning

Toggle buttons automatically position themselves inside input fields and adapt to size changes, window resizing, and responsive breakpoints.

thumb_up

Better User Experience

Users can verify passwords before submitting, reducing typos, failed logins, and abandoned signups. Especially helpful on mobile devices.

mobile_friendly

Mobile Friendly

Works perfectly on touch devices with appropriately sized touch targets. Tested across desktop, tablet, and mobile browsers.

check_circle

No Conflicts

Works alongside other plugins and Bubble's native elements without interference. Clean code with proper cleanup when removed from page.

accessibility

Accessibility Improvement

Helps users with cognitive or visual challenges verify password entries. Reduces frustration and improves overall form accessibility.

Key Features

Everything you need in a single plugin

Automatic Field Detection

expand_more

Scans page for all password input fields on load
Uses MutationObserver to detect dynamically added fields
Works with fields in repeating groups and conditionals
No manual configuration or workflow actions required

tune

Customizable Icons

expand_more

Support for any icon library (Font Awesome, Material Icons, Bootstrap Icons)
Separate icons for show and hide states
Custom icon color with hex, RGB, or CSS color names
Adjustable icon size (recommended 16-32 pixels)

view_compact

Smart Layout Handling

expand_more

Automatically positions toggle inside each field
Adjusts field padding to prevent text overlap
Uses ResizeObserver to handle size changes
Responds to window resize and responsive breakpoints

toggle_on

State Management

expand_more

Tracks show/hide state for each field independently
Maintains focus during toggle (no typing interruption)
Preserves state until page reload or field removal
Clean data attribute management

speed

Performance Optimized

expand_more

Efficient DOM observation with requestAnimationFrame
Minimal performance impact even with many fields
Proper cleanup prevents memory leaks
Works smoothly on low-end devices

visibility_off

Invisible Element

expand_more

Plugin element is completely hidden from view
Only toggle buttons are visible to users
Zero visual footprint on your page layout
Professional, unobtrusive implementation

Documentation

FAQ

Common questions

helpDoes the plugin work with all icon libraries?

helpCan I use it in repeating groups?

helpWill it affect my app's performance?

helpDo I need to add workflows or actions?

helpDoes it work on mobile devices?

helpCan I customize the icon appearance?

helpHow many Password Reveal elements do I need?

helpDoes it store or transmit password values?

helpWhat happens when the element is removed?

helpCan I use different icons for different fields?

Contato