Add password visibility toggle in Login and Register pages for improved user experience

[Itshivamgithub]

💡 Summary

Add a password visibility toggle button to the Login and Register pages for a better and more user-friendly authentication experience.

---

🔍 Problem Statement

Currently, users cannot view the password they are typing during Login or Register. This may lead to typing mistakes, failed login attempts, and frustration, especially on smaller screens or complex passwords.

Adding a visibility toggle improves usability and helps users verify their input before submission.

---

🧩 Proposed Solution

Implement a show/hide password toggle button (eye icon) inside the password input fields on both the Sign Up and Sign In pages.

Features:

• Toggle between password and text input types
• Eye / eye-off icon for better UI interaction
• Works for all password fields
• Maintain responsive and accessible design

---

🧠 Alternatives Considered

• Keeping the password field hidden at all times

However, a built-in toggle button provides a more consistent and user-friendly experience across devices and browsers.

---

🎨 Additional Context (Optional)

Commonly used in modern authentication systems and improves overall form usability and accessibility.

Examples:

• Google
• GitHub
• LinkedIn
• Most modern web applications

---

✅ Checklist

• I have checked existing issues for similar feature requests.
• I have clearly explained the benefit of this feature.

[Itshivamgithub]

To @kaifansariw
I Request you to assign this improvemrnt to me so i start the work.
Thanks.

[kaifansariw]

@Itshivamgithub can you provide a video solution for it .

[Itshivamgithub]

@kaifansariw . Ya currentley i am working on it today at evening i provide video with solution .
i added screen shorts that i gonna work please check it ans assign it to me,

Thanks

[adityayadav176]

Hi @kaifansariw ,

I would like to work on this issue under GSSoC 2026.

I have experience working with authentication systems and frontend UI improvements. I can implement a password visibility toggle for both the Login and Register pages while ensuring a clean, responsive, and user-friendly experience.

Could you please assign this issue to me?

Thank you!

[babligariya04-maker]

Hi! Adding a password visibility toggle is a simple but impactful UX improvement. I'd love to implement the eye icon toggle for Login and Register pages. I'm a GSSoC'26 contributor, please assign it to me!