<p>Published on <a href="https://blog.prototypr.io/fun-ui-password-fields-now-you-see-it-now-you-dont-2c7814ee8743?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Graeme Fulton </p>
<h4>UI inspiration</h4>
<p>Hey, <a href="https://www.producthunt.com/posts/login-critter">I just came across this critter</a> who reacts to password field interactions. I thought, ‘<em>I’ve seen this password peeking concept before</em>’… so here is a collection of 7 critters 🐻🦉🦊🐭 who spy on your password as you type! Enjoy👇</p>
<h4>1. Green Bear</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*plGeiWtNNB3VCxcrb6iMOg.png"><img alt="" src="https://cdn-images-1.medium.com/max/280/1*EHai-MuL10sKk3vuj-e_vg.gif">By <a href="https://www.producthunt.com/posts/login-critter">Chris Goldsby</a> (found on <a href="https://medium.com/u/b8b4445269d0">Product Hunt</a>)</p>
<h4>2. Remembear 🐻</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/800/1*YizDluSh-WWrAQ7J1gCPKQ.png"><img alt="" src="https://cdn-images-1.medium.com/max/750/1*1OxDpSqmW3ugfAzp_i4OgA.gif">Bear from <a href="https://www.remembear.com/">Remembear</a></p>
<h4>3. The Yeti ❄️</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/600/1*sLsZNSRXKGxcG6WsvvLeNg.gif">Animated login form avatar by <a href="https://dribbble.com/_darin_s">Darin</a></p>
<p>Darin even coded his Yeti concept <a href="https://codepen.io/dsenneff/pen/2c3e5bc86b372d5424b00edaf4990173">here</a>.</p>
<h4>4. The Owl 🦉 from Readme.io</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/700/1*Xs2WKJ2jHKHhJEL29c4AyQ.gif"><img alt="" src="https://cdn-images-1.medium.com/max/512/1*-8QuALqqNZfOVxpRbelvwA.gif">Left: <a href="https://dash.readme.io/login">see here</a>, Right: <a href="http://littlebigdetails.com/post/101243507017/readme-the-owl-covers-her-eyes-while-you-type">found here</a></p>
<h4>5. The Fox 🦊 from MetaMask</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/487/1*glta6tnNAxWJ-KgP572sIA.gif">Fox from <a href="https://metamask.io/">MetaMask</a></p>
<h4>6. Lego! 😶</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/600/1*VfTM_NZC6Sj5A7CUKeh9Cg.gif">The Lego dude, see it in all its glory with 🎵<a href="https://www.youtube.com/watch?v=p6pJC2pFy8s">here</a></p>
<h4>7. The Wombat from NPM</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/387/1*x8TpSVwLgoSBrjOEpwq2zw.gif">Suggested by <a href="https://twitter.com/MaxRovensky/status/996065947596349442">Max</a>.</p>
<p>That’s all, have a good day.</p>
<p>p.s. <a href="https://www.producthunt.com/upcoming/emailotter">here’s something I’m making</a> that involves otters. I can only hope to make an otter version some day…</p>
<p><a href="https://www.producthunt.com/upcoming/emailotter"><img alt="" src="https://cdn-images-1.medium.com/max/510/1*awSjdCESPKEryyj9OWnddw.jpeg"></a>Password peeking otter?</p>
<p><a href="https://www.producthunt.com/upcoming/emailotter/messages/update-from-emailotter">emailOtter &#8211; Product Hunt</a></p>
<p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2Ff51076%3Fas_embed%3Dtrue&amp;dntp=1&amp;url=https%3A%2F%2Fupscri.be%2Ff51076%2F&#038;image=https%3A%2F%2Fe.enpose.co%2F%3Fkey%3DdRXnS9Gplk%26w%3D700%26h%3D425%26url%3Dhttps%253A%252F%252Fupscri.be%252Ff51076%252F%253Fenpose&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="400" frameborder="0"><a href="https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href">https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=2c7814ee8743" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="https://blog.prototypr.io/fun-ui-password-fields-now-you-see-it-now-you-dont-2c7814ee8743">Fun UI Password Fields 🙈🐵– now you see it now you don’t!</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


Fun UI Password Fields – now you see it now you don’t!

UI inspiration

Top Stories