Skip to content

A playful and accessible password input field with eye-tracking toggle animation. Built with vanilla JavaScript and modern CSS for smooth transitions, unique UX, and secure password visibility control.

License

Notifications You must be signed in to change notification settings

MDJAmin/interactive-password-input-eye-tracking-animation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Demo

Check out the live demo: GitHub Pages Demo

👁 Tracking Eye 👁

An interactive login form with a unique tracking eye animation effect. This project features a password input field with a "tracking eye" that responds to user interactions. The eye follows the cursor as the user focuses on the password input field. It's a fun and creative way to engage users during the login process.

Project Features

  • Interactive Eye Animation: The "eye" icon follows the user's cursor when hovering over the password field.
  • Responsive Login Form: Simple and clean design for login with username and password fields.
  • Eye Button: The button that contains the eye icon triggers a smooth animation for the password input.

Libraries and Tools Used

  • Custom CSS for styling and animations.
  • Vanilla JavaScript for interactivity and controlling the eye animation behavior.

Installation

  1. Navigate to the project folder:
cd tracking-eye
  1. Open the index.html file in your browser to view the page.

Usage

  • The webpage contains a login form where the "eye" follows your cursor when hovering over the password field.

  • The eye effect is controlled by the script.js file, where the mouse movements are tracked to move the eye.

Author

Created by MDJAmin. Check out more projects on GitHub.

About

A playful and accessible password input field with eye-tracking toggle animation. Built with vanilla JavaScript and modern CSS for smooth transitions, unique UX, and secure password visibility control.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published