Passwordless Signup & Login with a Modal
Happy Tuesday!
In this project, I've set up a passwordless login and sign-up form inspired by Deel. The form contains a modal and sends an email to the user for verification. Once the user enters the confirmation code in the pop-up, they can successfully log in.
Each form contains an 'MS hide' element, which is hidden until step-1 of the form is complete. This modal has another attribute on it which changes the display state.
To enhance the user experience, I've included optional custom code that saves the email input value and replaces it in the text of the form.
As always, if you have any questions or need help, feel free to leave a comment on the loom video: https://www.loom.com/share/7da25d4e1f0344d7b06dfe69f066dfca.
I hope this passwordless sign-up and login form project proves useful for your Webflow endeavours.
Happy building!