Skip to content

feat: implement glassmorphism design for login page UI#71

Open
iemio wants to merge 2 commits intoAyush0316:mainfrom
iemio:main
Open

feat: implement glassmorphism design for login page UI#71
iemio wants to merge 2 commits intoAyush0316:mainfrom
iemio:main

Conversation

@iemio
Copy link

@iemio iemio commented Aug 5, 2025

Summary

This pull request updates the login page to adopt a modern glassmorphism design, improving both the visual appeal and user experience. The new UI reflects a soft, translucent style with gradient backgrounds and blur effects, aligning with current design trends.

Changes Made

  • Replaced basic login UI with glass-like interface
  • Added backdrop-blur, transparency, and gradient styling using Tailwind CSS
  • Improved input field appearance and readability
  • Updated the login button with a blue gradient and smooth hover effect
  • Ensured responsive layout and clean visual hierarchy

Preview

Screenshot 2025-08-05 at 20 13 27

Issue Reference

Closes #5

Signed-off-by: Keshav <deeplearner4u@gmail.com>
<div className="space-y-6">
<div>
<input
type="email"
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Form Components library is already created in this project, use text boxes from that library.

</p>
)}
<div className="text-right">
<button
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Use Button component library, don't use html button tag.

role: "admin",
})
);
navigate("/dashboard");
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Dont use magic strings.

Signed-off-by: Keshav <deeplearner4u@gmail.com>
@iemio iemio requested a review from Ayush0316 August 5, 2025 19:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Create a Login Page

2 participants