Password Strength
A password input with an animated four-segment strength meter, crossfading strength label, requirements checklist with drawing check marks, and a visibility toggle.
- Library
- Spectrum UI
- Framework
- React
- Type
- component
- License
- Apache-2.0
- Dependencies
- framer-motion, lucide-react
- Install
npx shadcn@latest add @spectrumui/password-strength- Files
app/registry/password-strength/password-strength.tsxlib/utils.ts
- Source
- https://github.com/arihantcodes/spectrum-ui
Categories
- Feedback Components
- React Feedback Components
- Tailwind CSS Feedback Components
- Animated Feedback Components
- Input Components
- React Input Components
- Tailwind CSS Input Components
- Animated Input Components
- Password Input Components
- React Password Input Components
- Tailwind CSS Password Input Components
- Animated Password Input Components