Dataverse icon indicating copy to clipboard operation
Dataverse copied to clipboard

improving the UI/UX of the authentication pages

Open Sriikaran opened this issue 5 months ago • 2 comments

Current Behaviour

The current authentication page has a cool background awith a basic rectangular form layout. While functional, the design feels flat and lacks a modern, polished appearance. Key visual elements such as padding, spacing, shadows, font styles, and animations are minimal, making the UI look plain and less engaging for users.


Proposed Solution

I propose enhancing the UI/UX of the authentication pages (login & signup) by implementing:

  • A glassmorphism-style container for the login form.
  • Improved button styling with smooth hover/active effects.
  • Modern input field design (rounded borders, soft shadows, focus transitions).
  • Subtle animation on form load (fade or slide-in).
  • Better alignment and spacing to make the form visually centered and balanced.
  • Responsive design to adapt well on all screen sizes.

These changes will create a more professional, clean, and user-friendly experience.


Alternatives Considered

  • Keeping the current design with only minor padding adjustments.
  • Add good spacing around the text fields and the text present.

Additional Context

I am a GSSoC'25 contributor and confident in designing user-friendly and responsive frontend layouts, and I’d love to work on this enhancement to improve the visual quality of the auth pages.

Sriikaran avatar Jul 25 '25 15:07 Sriikaran

👋 Thank you for raising an issue! We appreciate your effort in helping us improve. A maintainer from Dataverse will review it shortly. Stay tuned!

github-actions[bot] avatar Jul 25 '25 15:07 github-actions[bot]

Please assign it to me

Samridha0305 avatar Jul 27 '25 04:07 Samridha0305