Password strength

Show how strong a new password is while it is typed.

Library

Arc Library

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

npx shadcn@latest add https://uiarc.dev/r/password-strength.json

Files

• registry/components/password-strength/password-strength.tsx
• registry/components/password-strength/password-strength.module.css
• registry/motion-tokens.ts
• lib/motion-tokens.ts

Source

https://github.com/kuratlielia/arc-library

Categories

• Feedback Components
• React Feedback Components
• Animated Feedback Components
• Input Components
• React Input Components
• Animated Input Components
• Password Input Components
• React Password Input Components
• Animated Password Input Components
• Progress Components
• React Progress Components
• Animated Progress Components

More from Arc Library

• Expanding search
• File upload
• Input
• Money input
• Number field
• OTP input
• Password field
• Phone input
• Progress
• Search field
• Usage meter
• Accordion