Loading Component...
Loading
Thank you! I'll update
this project ASAP.
this project ASAP.
Oops! Something went wrong while submitting the form.
How to enable Google authentication
How to enable Facebook authentication
How to enable Spotify authentication
How to enable Dribbble authentication
How to enable Github authentication
How to enable LinkedIn authentication
How to enable passwordless logins
How to configure password validation
How to show/hide password
How to work with profile images
How to add a forgot password flow
How to work with checkboxes
How to configure pricing tables
About the Stripe Customer Portal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"00859661-9521-1807-a62c-00f3975e0bb9","type":"FormWrapper","tag":"div","classes":["5a345bc5-91c0-937f-994a-e1a85bd8b6c9"],"children":["55527df8-6194-998b-74c8-d8e9e7ee8977","55527df8-6194-998b-74c8-d8e9e7ee898f","55527df8-6194-998b-74c8-d8e9e7ee8992"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8977","type":"FormForm","tag":"form","classes":["ff13529b-5636-7c37-d80c-81eb9f530514"],"children":["55527df8-6194-998b-74c8-d8e9e7ee8978","55527df8-6194-998b-74c8-d8e9e7ee897a","55527df8-6194-998b-74c8-d8e9e7ee897e","55527df8-6194-998b-74c8-d8e9e7ee8987","55527df8-6194-998b-74c8-d8e9e7ee8988","55527df8-6194-998b-74c8-d8e9e7ee898e"],"data":{"form":{"type":"form","name":"Passwordless Login"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"passwordless-login"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"wf-form-Passwordless-Login","name":"wf-form-Passwordless-Login","data-name":"Passwordless Login","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8978","type":"Heading","tag":"h2","classes":["d7790dde-4ca1-3f04-853d-9f02065f812d"],"children":["55527df8-6194-998b-74c8-d8e9e7ee8979"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8979","text":true,"v":"Passwordless Login"},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee897a","type":"Block","tag":"div","classes":[],"children":["55527df8-6194-998b-74c8-d8e9e7ee897b","55527df8-6194-998b-74c8-d8e9e7ee897d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee897b","type":"FormBlockLabel","tag":"label","classes":["550127a0-4b9c-0b6b-9637-57f2d003fc32"],"children":["55527df8-6194-998b-74c8-d8e9e7ee897c"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Email-Seven-2","id":""},"visibility":{"conditions":[]}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee897c","text":true,"v":"Email"},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee897d","type":"FormTextInput","tag":"input","classes":["865ec9e9-af1a-8a02-0c2a-85557da2cf51"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email-Seven-2","data-name":"Email Seven 2","placeholder":"e.g. howard.thurman@gmail.com","type":"email","id":"Email-Seven-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"form":{"name":"Email Seven 2","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee897e","type":"Block","tag":"div","classes":["0132529f-38cb-d42f-9a09-77ffcc98db0f"],"children":["55527df8-6194-998b-74c8-d8e9e7ee897f"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-passwordless","value":"step-2"}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee897f","type":"Block","tag":"div","classes":[],"children":["55527df8-6194-998b-74c8-d8e9e7ee8980","55527df8-6194-998b-74c8-d8e9e7ee8986"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8980","type":"Block","tag":"div","classes":["0132529f-38cb-d42f-9a09-77ffcc98db12"],"children":["55527df8-6194-998b-74c8-d8e9e7ee8981","55527df8-6194-998b-74c8-d8e9e7ee8982"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8981","type":"Image","tag":"img","classes":["0132529f-38cb-d42f-9a09-77ffcc98db18"],"children":[],"data":{"attr":{"width":"auto","height":"auto","src":"https://cdn.prod.website-files.com/64528c303df4f74232d40b3f/645a70fef03f940a80a1153d_mail-213.png","loading":"lazy","id":""},"img":{"id":"645a70fef03f940a80a1153d","sizes":[{"max":10000,"size":"50px"}]},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8982","type":"Block","tag":"div","classes":[],"children":["55527df8-6194-998b-74c8-d8e9e7ee8983","55527df8-6194-998b-74c8-d8e9e7ee8984","55527df8-6194-998b-74c8-d8e9e7ee8985"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8983","text":true,"v":"We just sent you a 6-digit code. "},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8984","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8985","text":true,"v":"Check your inbox and paste the code below."},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8986","type":"FormTextInput","tag":"input","classes":["865ec9e9-af1a-8a02-0c2a-85557da2cf51","a7c0c8e0-868e-165f-3d94-90b394501131"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Token-Seven-2","data-name":"Token Seven 2","placeholder":"123 - 456","type":"text","id":"Token-Seven-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"token"}],"form":{"name":"Token Seven 2","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8987","type":"FormButton","tag":"input","classes":["865ec9e9-af1a-8a02-0c2a-85557da2cf3d","cc969fa3-03f4-d970-79f4-2b52d84fba41"],"children":[],"data":{"attr":{"type":"submit","value":"Get Confirmation Code","data-wait":"Please wait...","id":""},"xattr":[{"name":"data-ms-passwordless-button","value":"Confirm & Signup"}],"form":{"type":"button","wait":"Please wait..."},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8988","type":"Block","tag":"div","classes":[],"children":["55527df8-6194-998b-74c8-d8e9e7ee8989","55527df8-6194-998b-74c8-d8e9e7ee898a","55527df8-6194-998b-74c8-d8e9e7ee898c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8989","text":true,"v":"New here? "},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee898a","type":"Link","tag":"a","classes":["550127a0-4b9c-0b6b-9637-57f2d003fc68"],"children":["55527df8-6194-998b-74c8-d8e9e7ee898b"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"/signup"}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee898b","text":true,"v":"Create an account."},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee898c","type":"Link","tag":"a","classes":[],"children":["55527df8-6194-998b-74c8-d8e9e7ee898d"],"data":{"search":{"exclude":false},"xattr":[{"name":"","value":""}],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"/signup","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"/signup"}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee898d","text":true,"v":""},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee898e","type":"HtmlEmbed","tag":"div","classes":[],"children":[],"v":"<style>\n.ms-passwordless-step {\ndisplay: none;\n}\n</style>\n<script></script>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"embed":{"meta":{"html":"<style>\n.ms-passwordless-step {\ndisplay: none;\n}\n</style>\n<script></script>","div":false,"script":true,"iframe":false,"compilable":false},"type":"html"}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee898f","type":"FormSuccessMessage","tag":"div","classes":[],"children":["55527df8-6194-998b-74c8-d8e9e7ee8990"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8990","type":"Block","tag":"div","classes":[],"children":["55527df8-6194-998b-74c8-d8e9e7ee8991"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8991","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8992","type":"FormErrorMessage","tag":"div","classes":[],"children":["55527df8-6194-998b-74c8-d8e9e7ee8993"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8993","type":"Block","tag":"div","classes":[],"children":["55527df8-6194-998b-74c8-d8e9e7ee8994"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8994","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"a7c0c8e0-868e-165f-3d94-90b394501131","fake":false,"type":"class","name":"is-code","namespace":"","comb":"&","styleLess":"min-height: 50px; font-size: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"865ec9e9-af1a-8a02-0c2a-85557da2cf3d","fake":false,"type":"class","name":"ms-button","namespace":"","comb":"","styleLess":"position: relative; top: 0px; display: inline-block; margin-bottom: 15px; padding-top: 13px; padding-right: 16px; padding-bottom: 11.5px; padding-left: 16px; justify-content: center; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; grid-auto-columns: 1fr; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); box-shadow: 1px 1px 5px 0 rgba(255, 255, 255, 0.25), 0 10px 20px -5px rgba(45, 62, 80, 0.3); transition-property: transform, border-color, border-radius, box-shadow, background-color; transition-duration: 200ms, 200ms, 200ms, 200ms, 200ms; transition-timing-function: cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1); color: white; font-size: 15px; line-height: 1.5; font-weight: 600; text-align: center; letter-spacing: 0.03em; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: hsla(216.7539267015707, 84.36%, 39.25%, 1.00); box-shadow: none /* 0 6px 12px -3px hsla(210.85714285714286, 28.00%, 24.51%, 0.20) */; transform: translate(0px, 2px); color: white;"},"medium":{"styleLess":"position: relative;"},"main_active":{"styleLess":"background-color: hsla(223.09090909090912, 87.45%, 30.59%, 1.00);"},"tiny":{"styleLess":"width: 100%; min-height: auto; padding-top: 0.6em; padding-right: 1.3em; padding-bottom: 0.6em; padding-left: 1.3em; font-size: 14px; font-style: normal;"}},"children":["865ec9e9-af1a-8a02-0c2a-85557da2cf58","550127a0-4b9c-0b6b-9637-57f2d003fc90","550127a0-4b9c-0b6b-9637-57f2d003fc9b","550127a0-4b9c-0b6b-9637-57f2d003fcc1","cc969fa3-03f4-d970-79f4-2b52d84fba41"],"selector":null},{"_id":"5a345bc5-91c0-937f-994a-e1a85bd8b6c9","fake":false,"type":"class","name":"ms-form-block","namespace":"","comb":"","styleLess":"","variants":{"tiny":{"styleLess":"width: 100%;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"865ec9e9-af1a-8a02-0c2a-85557da2cf51","fake":false,"type":"class","name":"ms-input","namespace":"","comb":"","styleLess":"position: relative; min-height: 40px; margin-bottom: 20px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: white; box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.1); transition-property: box-shadow, color, box-shadow, border-color; transition-duration: 200ms, 200ms, 200ms, 200ms; transition-timing-function: ease, ease, ease, ease; color: hsla(238.06451612903226, 46.27%, 13.14%, 1.00);","variants":{"main_placeholder":{"styleLess":"color: hsla(238.06451612903226, 46.27%, 13.14%, 0.60);"},"main_hover":{"styleLess":"z-index: 2; border-top-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-right-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-bottom-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-left-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); box-shadow: none /* 0 5px 10px -5px rgba(0, 0, 0, 0.1) */;"}},"children":["865ec9e9-af1a-8a02-0c2a-85557da2cf59","550127a0-4b9c-0b6b-9637-57f2d003fc86","550127a0-4b9c-0b6b-9637-57f2d003fc88","550127a0-4b9c-0b6b-9637-57f2d003fc8b","550127a0-4b9c-0b6b-9637-57f2d003fc8e","550127a0-4b9c-0b6b-9637-57f2d003fc92","550127a0-4b9c-0b6b-9637-57f2d003fc98","550127a0-4b9c-0b6b-9637-57f2d003fc9f","550127a0-4b9c-0b6b-9637-57f2d003fca5","550127a0-4b9c-0b6b-9637-57f2d003fcb3","550127a0-4b9c-0b6b-9637-57f2d003fcb4","550127a0-4b9c-0b6b-9637-57f2d003fcba","550127a0-4b9c-0b6b-9637-57f2d003fcc0","550127a0-4b9c-0b6b-9637-57f2d003fcc9","a7c0c8e0-868e-165f-3d94-90b394501131","bd1b9c47-d536-8ffe-566c-679bef13e614"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"0132529f-38cb-d42f-9a09-77ffcc98db12","fake":false,"type":"class","name":"ms-step-two-label","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 15px; align-items: center; grid-column-gap: 12px; grid-row-gap: 12px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d7790dde-4ca1-3f04-853d-9f02065f812d","fake":false,"type":"class","name":"ms-form-heading","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 20px; font-size: 29px; line-height: 1.4em; font-weight: 500;","variants":{"small":{"styleLess":"font-size: 24px;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"550127a0-4b9c-0b6b-9637-57f2d003fc32","fake":false,"type":"class","name":"ms-input-label","namespace":"","comb":"","styleLess":"margin-bottom: 5px; font-weight: 600; text-align: left;","variants":{},"children":["550127a0-4b9c-0b6b-9637-57f2d003fc84","550127a0-4b9c-0b6b-9637-57f2d003fca8","550127a0-4b9c-0b6b-9637-57f2d003fca9","550127a0-4b9c-0b6b-9637-57f2d003fcae","550127a0-4b9c-0b6b-9637-57f2d003fcc7","a6d50e94-c9b4-c123-4341-900b8890c8a7","7626dec3-8175-a44e-e44e-91dc4c74aef6"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ff13529b-5636-7c37-d80c-81eb9f530514","fake":false,"type":"class","name":"ms-form","namespace":"","comb":"","styleLess":"width: 400px; min-width: 400px; padding-top: 7.5%; padding-right: 7.5%; padding-bottom: 7.5%; padding-left: 7.5%;","variants":{"tiny":{"styleLess":"width: 100%; min-width: auto;"}},"children":["ea24b8c4-39c4-d738-7e84-caa19c839637","e3797cc4-2930-2ca3-29d5-4b308470921d"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"cc969fa3-03f4-d970-79f4-2b52d84fba41","fake":false,"type":"class","name":"is-form","namespace":"","comb":"&","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"550127a0-4b9c-0b6b-9637-57f2d003fc68","fake":false,"type":"class","name":"ms-link","namespace":"","comb":"","styleLess":"border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(224.01869158878503, 100.00%, 58.04%, 0.01); transition-property: border-color; transition-duration: 200ms; transition-timing-function: ease; color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); font-weight: 500; text-decoration: none;","variants":{"main_hover":{"styleLess":"border-bottom-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); color: hsla(216.7539267015707, 84.36%, 39.25%, 1.00);"}},"children":["7e767d9d-1502-c9c0-58b5-91314d60224f"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"0132529f-38cb-d42f-9a09-77ffcc98db0f","fake":false,"type":"class","name":"ms-passwordless-step","namespace":"","comb":"","styleLess":"margin-bottom: 20px; padding-top: 20px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(225, 22.22%, 96.47%, 1.00); text-align: left;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"0132529f-38cb-d42f-9a09-77ffcc98db18","fake":false,"type":"class","name":"ms-mail-icon","namespace":"","comb":"","styleLess":"max-height: 50px; max-width: 50px; min-width: 40px; flex-grow: 0; flex-shrink: 0; flex-basis: auto;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/64528c303df4f74232d40b3f/645a70fef03f940a80a1153d_mail-213.png","siteId":"64528c303df4f74232d40b3f","width":512,"isHD":false,"height":512,"fileName":"645a70fef03f940a80a1153d_mail-213.png","createdOn":"2023-05-09T16:12:46.468Z","origFileName":"mail-213.png","fileHash":"ec6b8899b99c08ec8d6a3cfff09b99bd","variants":[{"_id":"641c59b4601ef4ff78855026","origFileName":"mail-213-p-500.png","fileName":"641c59b255dd232fb1df79f9_mail-213-p-500.png","format":"png","size":12346,"width":500,"quality":100,"error":"FILESIZE_EXCEEDS_CAP"},{"_id":"642c22b92181e90e38d8bd27","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64528c303df4f74232d40b3f/645a70fef03f940a80a1153d_mail-213-p-130x130q80.png","fileName":"645a70fef03f940a80a1153d_mail-213-p-130x130q80.png","origFileName":"mail-213-p-130x130q80.png","format":"png","cdnUrl":"https://cdn.prod.website-files.com/64528c303df4f74232d40b3f/645a70fef03f940a80a1153d_mail-213-p-130x130q80.png"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64528c303df4f74232d40b3f/645a70fef03f940a80a1153d_mail-213.png","thumbUrl":"https://cdn.prod.website-files.com/64528c303df4f74232d40b3f/645a70fef03f940a80a1153d_mail-213-p-130x130q80.png","_id":"645a70fef03f940a80a1153d","updatedOn":"2023-05-09T16:12:46.745Z","fileSize":8972}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"00859661-9521-1807-a62c-00f3975e0bb9","type":"FormWrapper","tag":"div","classes":["5a345bc5-91c0-937f-994a-e1a85bd8b6c9"],"children":["55527df8-6194-998b-74c8-d8e9e7ee8977","55527df8-6194-998b-74c8-d8e9e7ee898f","55527df8-6194-998b-74c8-d8e9e7ee8992"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8977","type":"FormForm","tag":"form","classes":["ff13529b-5636-7c37-d80c-81eb9f530514"],"children":["55527df8-6194-998b-74c8-d8e9e7ee8978","55527df8-6194-998b-74c8-d8e9e7ee897a","55527df8-6194-998b-74c8-d8e9e7ee897e","55527df8-6194-998b-74c8-d8e9e7ee8987","55527df8-6194-998b-74c8-d8e9e7ee8988","55527df8-6194-998b-74c8-d8e9e7ee898e"],"data":{"form":{"type":"form","name":"Passwordless Login"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"passwordless-login"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"wf-form-Passwordless-Login","name":"wf-form-Passwordless-Login","data-name":"Passwordless Login","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8978","type":"Heading","tag":"h2","classes":["d7790dde-4ca1-3f04-853d-9f02065f812d"],"children":["55527df8-6194-998b-74c8-d8e9e7ee8979"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8979","text":true,"v":"Passwordless Login"},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee897a","type":"Block","tag":"div","classes":[],"children":["55527df8-6194-998b-74c8-d8e9e7ee897b","55527df8-6194-998b-74c8-d8e9e7ee897d"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee897b","type":"FormBlockLabel","tag":"label","classes":["550127a0-4b9c-0b6b-9637-57f2d003fc32"],"children":["55527df8-6194-998b-74c8-d8e9e7ee897c"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Email-Seven-2","id":""},"visibility":{"conditions":[]}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee897c","text":true,"v":"Email"},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee897d","type":"FormTextInput","tag":"input","classes":["865ec9e9-af1a-8a02-0c2a-85557da2cf51"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email-Seven-2","data-name":"Email Seven 2","placeholder":"e.g. howard.thurman@gmail.com","type":"email","id":"Email-Seven-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"form":{"name":"Email Seven 2","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee897e","type":"Block","tag":"div","classes":["0132529f-38cb-d42f-9a09-77ffcc98db0f"],"children":["55527df8-6194-998b-74c8-d8e9e7ee897f"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-passwordless","value":"step-2"}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee897f","type":"Block","tag":"div","classes":[],"children":["55527df8-6194-998b-74c8-d8e9e7ee8980","55527df8-6194-998b-74c8-d8e9e7ee8986"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8980","type":"Block","tag":"div","classes":["0132529f-38cb-d42f-9a09-77ffcc98db12"],"children":["55527df8-6194-998b-74c8-d8e9e7ee8981","55527df8-6194-998b-74c8-d8e9e7ee8982"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8981","type":"Image","tag":"img","classes":["0132529f-38cb-d42f-9a09-77ffcc98db18"],"children":[],"data":{"attr":{"width":"auto","height":"auto","src":"https://cdn.prod.website-files.com/64528c303df4f74232d40b3f/645a70fef03f940a80a1153d_mail-213.png","loading":"lazy","id":""},"img":{"id":"645a70fef03f940a80a1153d","sizes":[{"max":10000,"size":"50px"}]},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8982","type":"Block","tag":"div","classes":[],"children":["55527df8-6194-998b-74c8-d8e9e7ee8983","55527df8-6194-998b-74c8-d8e9e7ee8984","55527df8-6194-998b-74c8-d8e9e7ee8985"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8983","text":true,"v":"We just sent you a 6-digit code. "},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8984","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8985","text":true,"v":"Check your inbox and paste the code below."},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8986","type":"FormTextInput","tag":"input","classes":["865ec9e9-af1a-8a02-0c2a-85557da2cf51","a7c0c8e0-868e-165f-3d94-90b394501131"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Token-Seven-2","data-name":"Token Seven 2","placeholder":"123 - 456","type":"text","id":"Token-Seven-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"token"}],"form":{"name":"Token Seven 2","type":"input","passwordPage":false},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8987","type":"FormButton","tag":"input","classes":["865ec9e9-af1a-8a02-0c2a-85557da2cf3d","cc969fa3-03f4-d970-79f4-2b52d84fba41"],"children":[],"data":{"attr":{"type":"submit","value":"Get Confirmation Code","data-wait":"Please wait...","id":""},"xattr":[{"name":"data-ms-passwordless-button","value":"Confirm & Signup"}],"form":{"type":"button","wait":"Please wait..."},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8988","type":"Block","tag":"div","classes":[],"children":["55527df8-6194-998b-74c8-d8e9e7ee8989","55527df8-6194-998b-74c8-d8e9e7ee898a","55527df8-6194-998b-74c8-d8e9e7ee898c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8989","text":true,"v":"New here? "},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee898a","type":"Link","tag":"a","classes":["550127a0-4b9c-0b6b-9637-57f2d003fc68"],"children":["55527df8-6194-998b-74c8-d8e9e7ee898b"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"/signup"}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee898b","text":true,"v":"Create an account."},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee898c","type":"Link","tag":"a","classes":[],"children":["55527df8-6194-998b-74c8-d8e9e7ee898d"],"data":{"search":{"exclude":false},"xattr":[{"name":"","value":""}],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"/signup","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"/signup"}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee898d","text":true,"v":""},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee898e","type":"HtmlEmbed","tag":"div","classes":[],"children":[],"v":"<style>\n.ms-passwordless-step {\ndisplay: none;\n}\n</style>\n<script></script>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"embed":{"meta":{"html":"<style>\n.ms-passwordless-step {\ndisplay: none;\n}\n</style>\n<script></script>","div":false,"script":true,"iframe":false,"compilable":false},"type":"html"}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee898f","type":"FormSuccessMessage","tag":"div","classes":[],"children":["55527df8-6194-998b-74c8-d8e9e7ee8990"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8990","type":"Block","tag":"div","classes":[],"children":["55527df8-6194-998b-74c8-d8e9e7ee8991"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8991","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8992","type":"FormErrorMessage","tag":"div","classes":[],"children":["55527df8-6194-998b-74c8-d8e9e7ee8993"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8993","type":"Block","tag":"div","classes":[],"children":["55527df8-6194-998b-74c8-d8e9e7ee8994"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"55527df8-6194-998b-74c8-d8e9e7ee8994","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"a7c0c8e0-868e-165f-3d94-90b394501131","fake":false,"type":"class","name":"is-code","namespace":"","comb":"&","styleLess":"min-height: 50px; font-size: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"865ec9e9-af1a-8a02-0c2a-85557da2cf3d","fake":false,"type":"class","name":"ms-button","namespace":"","comb":"","styleLess":"position: relative; top: 0px; display: inline-block; margin-bottom: 15px; padding-top: 13px; padding-right: 16px; padding-bottom: 11.5px; padding-left: 16px; justify-content: center; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; grid-auto-columns: 1fr; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); box-shadow: 1px 1px 5px 0 rgba(255, 255, 255, 0.25), 0 10px 20px -5px rgba(45, 62, 80, 0.3); transition-property: transform, border-color, border-radius, box-shadow, background-color; transition-duration: 200ms, 200ms, 200ms, 200ms, 200ms; transition-timing-function: cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1), cubic-bezier(.645, .045, .355, 1); color: white; font-size: 15px; line-height: 1.5; font-weight: 600; text-align: center; letter-spacing: 0.03em; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: hsla(216.7539267015707, 84.36%, 39.25%, 1.00); box-shadow: none /* 0 6px 12px -3px hsla(210.85714285714286, 28.00%, 24.51%, 0.20) */; transform: translate(0px, 2px); color: white;"},"medium":{"styleLess":"position: relative;"},"main_active":{"styleLess":"background-color: hsla(223.09090909090912, 87.45%, 30.59%, 1.00);"},"tiny":{"styleLess":"width: 100%; min-height: auto; padding-top: 0.6em; padding-right: 1.3em; padding-bottom: 0.6em; padding-left: 1.3em; font-size: 14px; font-style: normal;"}},"children":["865ec9e9-af1a-8a02-0c2a-85557da2cf58","550127a0-4b9c-0b6b-9637-57f2d003fc90","550127a0-4b9c-0b6b-9637-57f2d003fc9b","550127a0-4b9c-0b6b-9637-57f2d003fcc1","cc969fa3-03f4-d970-79f4-2b52d84fba41"],"selector":null},{"_id":"5a345bc5-91c0-937f-994a-e1a85bd8b6c9","fake":false,"type":"class","name":"ms-form-block","namespace":"","comb":"","styleLess":"","variants":{"tiny":{"styleLess":"width: 100%;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"865ec9e9-af1a-8a02-0c2a-85557da2cf51","fake":false,"type":"class","name":"ms-input","namespace":"","comb":"","styleLess":"position: relative; min-height: 40px; margin-bottom: 20px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(238.06451612903226, 46.27%, 13.14%, 0.25); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: white; box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.1); transition-property: box-shadow, color, box-shadow, border-color; transition-duration: 200ms, 200ms, 200ms, 200ms; transition-timing-function: ease, ease, ease, ease; color: hsla(238.06451612903226, 46.27%, 13.14%, 1.00);","variants":{"main_placeholder":{"styleLess":"color: hsla(238.06451612903226, 46.27%, 13.14%, 0.60);"},"main_hover":{"styleLess":"z-index: 2; border-top-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-right-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-bottom-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); border-left-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); box-shadow: none /* 0 5px 10px -5px rgba(0, 0, 0, 0.1) */;"}},"children":["865ec9e9-af1a-8a02-0c2a-85557da2cf59","550127a0-4b9c-0b6b-9637-57f2d003fc86","550127a0-4b9c-0b6b-9637-57f2d003fc88","550127a0-4b9c-0b6b-9637-57f2d003fc8b","550127a0-4b9c-0b6b-9637-57f2d003fc8e","550127a0-4b9c-0b6b-9637-57f2d003fc92","550127a0-4b9c-0b6b-9637-57f2d003fc98","550127a0-4b9c-0b6b-9637-57f2d003fc9f","550127a0-4b9c-0b6b-9637-57f2d003fca5","550127a0-4b9c-0b6b-9637-57f2d003fcb3","550127a0-4b9c-0b6b-9637-57f2d003fcb4","550127a0-4b9c-0b6b-9637-57f2d003fcba","550127a0-4b9c-0b6b-9637-57f2d003fcc0","550127a0-4b9c-0b6b-9637-57f2d003fcc9","a7c0c8e0-868e-165f-3d94-90b394501131","bd1b9c47-d536-8ffe-566c-679bef13e614"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"0132529f-38cb-d42f-9a09-77ffcc98db12","fake":false,"type":"class","name":"ms-step-two-label","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 15px; align-items: center; grid-column-gap: 12px; grid-row-gap: 12px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"d7790dde-4ca1-3f04-853d-9f02065f812d","fake":false,"type":"class","name":"ms-form-heading","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 20px; font-size: 29px; line-height: 1.4em; font-weight: 500;","variants":{"small":{"styleLess":"font-size: 24px;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"550127a0-4b9c-0b6b-9637-57f2d003fc32","fake":false,"type":"class","name":"ms-input-label","namespace":"","comb":"","styleLess":"margin-bottom: 5px; font-weight: 600; text-align: left;","variants":{},"children":["550127a0-4b9c-0b6b-9637-57f2d003fc84","550127a0-4b9c-0b6b-9637-57f2d003fca8","550127a0-4b9c-0b6b-9637-57f2d003fca9","550127a0-4b9c-0b6b-9637-57f2d003fcae","550127a0-4b9c-0b6b-9637-57f2d003fcc7","a6d50e94-c9b4-c123-4341-900b8890c8a7","7626dec3-8175-a44e-e44e-91dc4c74aef6"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ff13529b-5636-7c37-d80c-81eb9f530514","fake":false,"type":"class","name":"ms-form","namespace":"","comb":"","styleLess":"width: 400px; min-width: 400px; padding-top: 7.5%; padding-right: 7.5%; padding-bottom: 7.5%; padding-left: 7.5%;","variants":{"tiny":{"styleLess":"width: 100%; min-width: auto;"}},"children":["ea24b8c4-39c4-d738-7e84-caa19c839637","e3797cc4-2930-2ca3-29d5-4b308470921d"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"cc969fa3-03f4-d970-79f4-2b52d84fba41","fake":false,"type":"class","name":"is-form","namespace":"","comb":"&","styleLess":"width: 100%;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"550127a0-4b9c-0b6b-9637-57f2d003fc68","fake":false,"type":"class","name":"ms-link","namespace":"","comb":"","styleLess":"border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(224.01869158878503, 100.00%, 58.04%, 0.01); transition-property: border-color; transition-duration: 200ms; transition-timing-function: ease; color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); font-weight: 500; text-decoration: none;","variants":{"main_hover":{"styleLess":"border-bottom-color: hsla(224.01869158878503, 100.00%, 58.04%, 1.00); color: hsla(216.7539267015707, 84.36%, 39.25%, 1.00);"}},"children":["7e767d9d-1502-c9c0-58b5-91314d60224f"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"0132529f-38cb-d42f-9a09-77ffcc98db0f","fake":false,"type":"class","name":"ms-passwordless-step","namespace":"","comb":"","styleLess":"margin-bottom: 20px; padding-top: 20px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(225, 22.22%, 96.47%, 1.00); text-align: left;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"0132529f-38cb-d42f-9a09-77ffcc98db18","fake":false,"type":"class","name":"ms-mail-icon","namespace":"","comb":"","styleLess":"max-height: 50px; max-width: 50px; min-width: 40px; flex-grow: 0; flex-shrink: 0; flex-basis: auto;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/64528c303df4f74232d40b3f/645a70fef03f940a80a1153d_mail-213.png","siteId":"64528c303df4f74232d40b3f","width":512,"isHD":false,"height":512,"fileName":"645a70fef03f940a80a1153d_mail-213.png","createdOn":"2023-05-09T16:12:46.468Z","origFileName":"mail-213.png","fileHash":"ec6b8899b99c08ec8d6a3cfff09b99bd","variants":[{"_id":"641c59b4601ef4ff78855026","origFileName":"mail-213-p-500.png","fileName":"641c59b255dd232fb1df79f9_mail-213-p-500.png","format":"png","size":12346,"width":500,"quality":100,"error":"FILESIZE_EXCEEDS_CAP"},{"_id":"642c22b92181e90e38d8bd27","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64528c303df4f74232d40b3f/645a70fef03f940a80a1153d_mail-213-p-130x130q80.png","fileName":"645a70fef03f940a80a1153d_mail-213-p-130x130q80.png","origFileName":"mail-213-p-130x130q80.png","format":"png","cdnUrl":"https://cdn.prod.website-files.com/64528c303df4f74232d40b3f/645a70fef03f940a80a1153d_mail-213-p-130x130q80.png"}],"mimeType":"image/png","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64528c303df4f74232d40b3f/645a70fef03f940a80a1153d_mail-213.png","thumbUrl":"https://cdn.prod.website-files.com/64528c303df4f74232d40b3f/645a70fef03f940a80a1153d_mail-213-p-130x130q80.png","_id":"645a70fef03f940a80a1153d","updatedOn":"2023-05-09T16:12:46.745Z","fileSize":8972}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
The Passwordless Login component allows users to authenticate without traditional passwords, enhancing security and user experience. It features a streamlined form for email input and verification code submission.
Key Features:
- User-friendly email input for login
- Verification code sent via email
- Responsive design suitable for various devices
- Success and error messages for user feedback
- Customizable styles and classes
Design Elements:
- Clean and modern layout
- Use of soft colors with a focus on usability
- Clear typography for headings and labels
Potential Use Cases:
- E-commerce websites looking to simplify user login
- SaaS platforms aiming to enhance user security
- Membership sites wanting to streamline access
- Mobile applications requiring quick user authentication
- Blogs and content platforms needing secure user sign-in
Conclusion: The Passwordless Login component is a versatile solution for modern web applications, providing a secure and efficient way for users to access their accounts without the hassle of remembering passwords.
Start building
Start building your dreams
Memberstack is 100% free until you're ready to launch - so, what are you waiting for? Create your first app and start building today.