Password Strength Meter

A visual indicator that provides real-time feedback on password complexity based on length, letters, numbers, and special characters.

freenew

Basic Usage

Pass the password string to the [password] input. The meter automatically calculates the score and renders the appropriate progress segments.

New Password

HTML

Installation

Run the following command to add this component to your project:

bash

npx base-ui-cli add password-strength

API Reference

For AI agents

Copy a prompt with the registry name, CLI install, and import — or add the Base UI MCP server.

bash

npx -y base-ui-mcp

Base UI provides standalone components. Import the exact elements you want to use into your component.

typescript (Example)

// Install: npx base-ui-cli add password-strength
// Paths are relative to aliases.components (default: src/app/components)
import { PasswordStrengthComponent } from './password-strength/password-strength.component';

@Component({
  selector: 'app-your-component',
  imports: [
    PasswordStrengthComponent
  ],
  template: `...`
})
export class YourComponent {}

API for password-strength — generated from JSDoc in the library source.

API reference for password-strength
API	Member	Type	Default	Description
`base-password-strength`	`password`	`string`	`''`	—