by seethroughtrees

seethroughtrees /react-ux-password-field

A modern password field.

129 Stars 43 Forks Last release: over 4 years ago (0.9.12) MIT License 159 Commits 5 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Please note: - I'm happy to hear people are getting use out of this component, however, I'm no longer using it or able to maintain it. Please check out the issue here for updates.

React UX Password Field

Demo and full options:

This react component aims to improve common issues in password field UX.

  1. Password Strength Detection - Using Dropbox's zxcvbn library in real-time, onChange.
  2. Timed Password Masking - Best explained in the nngroup article: Stop Password Masking
  3. Stateful Class - Know the HTML5 validity of your field by class.


npm install react-ux-password-field


// use it like any other react component.
// just require and place it inside your render function.

var InputPassword = require('react-ux-password-field');


render: function() { return ( ) }

* React UX Password Field is UMD compatible, meaning it will load with commonJS, AMD/RequireJS, or standalone.

Options (props)

React UX Password Field will work fine with its defaults, but there is a lot of configuration options.

Read them on the site:


Pull requests are happily welcomed, please explaining the problem you're solving first, and pull-request to an upstream branch instead of master.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.