Skip to content

Glass Login

Glass Login Form with Social Auth

Glass Login preview image 1

Summary

Glass Login Form with Social Auth

Description

📋 Details

What's included:

  • Email input with placeholder

  • Password field with show/hide toggle (eye icon)

  • Submit button with purple-to-blue gradient

  • "Or continue with" divider with Google and GitHub social login buttons

  • "Register here!" redirect link

  • Customizable app icon at the top

Design features:

  • Glassmorphism card on a dark background

  • Rounded corners on inputs, buttons, and card

  • Clean white and gray typography for clear visual hierarchy

  • Fully responsive — works on mobile and desktop

How to customize:

  • Replace the top icon with your own brand logo

  • Edit the Submit button gradient via the color properties panel

  • Update labels and placeholders directly in Framer's text panel

  • Swap social buttons for other providers (Apple, Microsoft, etc.)

Rank history How rankings work →

120014001600166988/149/49/2610/1811/9
  • All · #6181

Details

More across types

More like this