JavaScriptAngularJSPassword Strength Meter For AngularJs

Password Strength Meter For AngularJs

This angular password strength counter is used to calculate and display the strength password so that the visitor can choose the best strongest password. You can use our Secure Password generator tool to generate secure, strong, and unpredictable passwords easily. It is used to display the password strength with visual feedback. PasswordStrengthMeter uses zxcvbn to estimate password strength and also provides visual feedback with suggestions and warning messages.

Password Strength Meter For angular 10

Get Started

Step 1: Since this lib was depending upon the zxcvbn lib, install it first

npm install zxcvbn3 --save

Step 2: Install password-strength-meter

npm install angular-password-strength-meter --save

Step 3: Import Password Strength Meter Module into your app module

import { PasswordStrengthMeterModule } from 'angular-password-strength-meter';


    imports: [
export class AppModule { }

Step 4: use the password-strength-meter component in your app.component.ts

  <password-strength-meter [password]="password"></password-strength-meter>


passwordInput()stringpassword to calculate its strength
minPasswordLengthInput()number8min length of password to calculate the strength
enableFeedbackInput()booleanfalseto show/hide the suggestions and warning messages
colorsInput()string[][‘darkred’, ‘orangered’, ‘orange’, ‘yellowgreen’, ‘green’]to overide the meter colors, password strength range is 0 – 4, for strength 0 equals first color in the array and so on
strengthChangeOutput()numberemits the strength of the provided password in number -> range 0 – 4

See live demo and download the source code.

This awesome script is developed by antoantonyk. Visit their official repository for more information and follow for future updates.

Saroj Meher
Saroj Meher
Howdy! Friends, I am Saroj Meher. I am an Artist. I do Painting on mediums like Acrylic, Watercolour, Oil etc. I have over 7 years of experience in WordPress. I am currently running 30+ website. I am specialized in WordPress and WooCommerce, WordPress Theme Customization and Theme Development. I can fix any kind of WordPress error/issue like PHP, CSS, Js issues and other Theme and Plugin related issues. Client's Satisfaction is my first priority.

Subscribe For More!

Subscribe to get the Latest Updates directly in you Email box.

Explore More


Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.

I am a Lecturer (English & Sociology), a professional Artist, and a blogger. I do painting, sketches since my childhood. I am in the teaching for 10 years. In this teaching line, I have experience in teaching English at High School and College levels. I have also experienced teaching computer theory during the school teaching period. This is my personal web corner over the internet.

Quick Guides

7 Simple Steps To Start Your Blogging Journey