MarovStudio
Back to marketplace

Password Strength

A meter that scores what was actually typed

Authauthpasswordmetervalidationsecurity
FullscreenCreate free account

Too short

  • 8+ characters
  • Upper and lower case
  • A number
  • A symbol
Code locked
"use client";

import { useState } from "react";

export function PasswordStrength() {
  const [value, setValue] = useState("");

  const checks = [

Sign in to see the code

Create a free account to copy the full source, usage snippet and AI prompt of every component.

Create free accountSign in

Free — no card required.

Related components

Welcome back

Sign in to continue to your dashboard.

or

No account? Create one

Sign In Card

Auth · Sign-in card with a Google button and a password reveal

Create account

Start your free trial. No card required.

Sign Up Card

Auth · Registration card with a consent checkbox

Paste the whole code — it fills every box.

OTP Input

Auth · Six-digit code field — a pasted code fills every box