Password Field

Reveals the password with a wave of dots turning into letters; the meter fills as it gets stronger.

Library

UI Lab

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add https://lab.xevrion.dev/r/password-field.json

Files

• src/lab/components/password-field.tsx
• src/lib/use-reduced-motion.ts
• src/lib/cn.ts

Source

https://github.com/xevrion/ui-lab

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

More from UI Lab

• Binary Year
• Caps Lock Warning
• Download Button
• Email Typo Fix
• Expanding Search
• Eye Toggle
• Floating Label
• Number Stepper
• Onboarding Checklist
• Otp Input
• Progress Stepper
• Reading Progress