MARKETPLACE
PLUGINS
NWD PASSWORD INPUT (STRENGTH METER)
NWD Password Input (Strength Meter) logo

NWD Password Input (Strength Meter)

Published October 2026
   •    Updated today

Plugin details

NWD Password Input (Strength Meter) is the password field Bubble was always missing. Built to replace the native password input, it brings a live strength meter, configurable password policies, and a show/hide toggle together in one polished component. Fully customizable through 60+ properties, giving you complete control over every visual and behavioral detail.
This plugin is part of Newed UI - Component Library, a growing library of advanced, highly customizable components for Bubble, inspired by a personal component library originally built for React. Each component is built from scratch, carefully designed, and tested in real applications to deliver the level of control, polish, and reliability that native Bubble elements often don’t provide. Look for other Newed plugins in the marketplace.






Key Features

Smart Password Rules
✅ Live strength meter with multiple levels, each with its own label and color
✅ Configurable policies, such as minimum and maximum length, letter case, numbers, and special characters
✅ Policy checklist that updates as the user types
✅ Choose whether pending policies make the input invalid

Fully Customizable
✅ 60+ properties for complete visual and behavioral control
✅ Show/hide password toggle with custom icon styles
✅ Input icon library with filled and outline versions
✅ Floating panel with display modes, animation types, and modern glass effects
✅ Seamless integration with native Bubble styles while preserving a consistent appearance across browsers and matching your app design

Smooth User Experience
✅ Smooth animation types with smart directional positioning that adapts beautifully to any screen
✅ Browser autocomplete support for new and current passwords
✅ Handles required and invalid states with customizable styling that integrates with Bubble styles
✅ Screen reader ready, with an accessible label and description, and reduced motion support

Workflow Friendly
✅ Exposed states for the value, strength percent and label, and active, completed, and pending policies
✅ Required field validation with touch-aware invalid state
✅ Focus action that can be triggered from anywhere for full workflow control
✅ Reset action with flexible behavior that integrates with native Bubble actions or custom workflows
✅ Set value action that can be triggered from anywhere, for writing a password your app generated to satisfy your policy, with control over how it behaves when the input is disabled
✅ Value changed event for seamless Bubble integration

Reliable & Production-Ready
✅ Built with lightweight CSS and JavaScript for fast, reliable performance
✅ Designed around practical use cases and real Bubble development needs
✅ Tested in real-world applications before being released publicly
✅ Created to extend Bubble with functionality and customization beyond what native Bubble elements typically offer



How to test this plugin almost for free?
Subscribe and test it for a few days to see if the plugin meets your needs. Subscriptions are billed prorated, so if you cancel after a short period, you'll only pay for the days used.

Explore Our Other Plugins
Check out our complete collection of plugins, including elements, inputs, client-side actions, server-side actions, and APIs. Built to extend native capabilities or introduce new features, based on real-world applications.



Get in Touch
We'd love to hear from you! If you need help, have any questions about our plugins, want to provide feedback, or suggest a feature, please contact us directly.

$12

One time  •  Or  $4/mo

stars   •   0 ratings
1 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

GCS Studios logo
GCS Studios
Joined 2021   •   18 Plugins
View contributor profile

Instructions

Basically, all plugin properties have a detailed description within the plugin element itself. But in short, follow the steps below and check the documentation for more information.

1️⃣ 𝗜𝗻𝘀𝗲𝗿𝘁 𝘁𝗵𝗲 𝗲𝗹𝗲𝗺𝗲𝗻𝘁 𝗼𝗻 𝘁𝗵𝗲 𝗽𝗮𝗴𝗲
Place the plugin element wherever you need it.

2️⃣ 𝗖𝗼𝗻𝗳𝗶𝗴𝘂𝗿𝗲 𝘁𝗵𝗲 𝗽𝗿𝗼𝗽𝗲𝗿𝘁𝗶𝗲𝘀
Adjust the settings to match your use case, including the password policies, the strength meter, and the panel styling.

3️⃣ 𝗖𝗼𝗻𝗻𝗲𝗰𝘁 𝘁𝗼 𝘆𝗼𝘂𝗿 𝘄𝗼𝗿𝗸𝗳𝗹𝗼𝘄𝘀
Use the value changed event to capture the confirmed password and read the exposed states (strength, policies, and validity) to use them anywhere in your app.

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Technical   •   Productivity   •   Social Network   •   Health & Fitness   •   Chat   •   Input Forms

Resources

Support contact
Documentation

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble