What is naked password?

The whole idea of naked password is to encourage your users to enter stronger passwords.
Our beautiful model Sally tastefully removes items of clothing as the password grows stronger.

Usage

Naked password is extremely easy to use. All thats needed is for you to attach nakedPassword(); to one or all of your password fields.

$("input:password").nakedPassword();

Naked password assumes that the images are uploaded in a publicly accessible folder called "images/".
You can overwrite the images path as follows:

$("input:password").nakedPassword({path: "/new_image_path/"});

Note: If you want to use it on multiple fields on one page, make sure these fields have unique id's.

And thats it! Feel free to fork a copy of our repo on github and push any changes to us, and we'll take a look!

Demo

Naked password in the wild

Using naked password? let us know and we'll add you to our featured sites list.
Email your URL to examples at nakedpassword.com