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":"a995e99e-0623-fac3-5094-7e152b0a9a7b","type":"FormWrapper","tag":"div","classes":[],"children":["a995e99e-0623-fac3-5094-7e152b0a9a7c","a995e99e-0623-fac3-5094-7e152b0a9aaf","a995e99e-0623-fac3-5094-7e152b0a9ab2"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[],"displayName":""}},{"_id":"a995e99e-0623-fac3-5094-7e152b0a9a7c","type":"FormForm","tag":"form","classes":["508821e0-abc6-4616-99aa-060f62345385"],"children":["890c048c-b7d2-d371-4d9e-ade4d099d515","600bf36a-28b6-4dbd-075e-506c9d67b022","573c73cb-60d5-2c77-8320-90cf6a0c3529","ad553f9a-6cdc-c71c-a71b-77e9358859d4","a995e99e-0623-fac3-5094-7e152b0a9aad","8fff3ce1-2a61-5a0b-ee6e-71f964c31e6c"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"forgot-password"}],"displayName":"","attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"/password/reset","data-redirect":"/password/reset","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"890c048c-b7d2-d371-4d9e-ade4d099d515","type":"Link","tag":"a","classes":["1c3ea65b-1ab0-542b-716c-033feae0e4cc"],"children":["703b29a9-763d-a71a-a86a-0a0c72fe8d0d"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"703b29a9-763d-a71a-a86a-0a0c72fe8d0d","type":"Image","tag":"img","classes":[],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/63612402c1de5bd94f2dab0a/63612402c1de5b0e5e2dab35_template%20logo%20black.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"63612402c1de5b0e5e2dab35"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"600bf36a-28b6-4dbd-075e-506c9d67b022","type":"Heading","tag":"h1","classes":["445aba0c-29c3-149d-410b-11994a7432b3","61ef66a6-6913-ebba-0ea4-abe5b7ce7212"],"children":["600bf36a-28b6-4dbd-075e-506c9d67b023","62586df6-47fc-3e06-0563-d6405d7f105b"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"600bf36a-28b6-4dbd-075e-506c9d67b023","text":true,"v":"Reset your password"},{"_id":"62586df6-47fc-3e06-0563-d6405d7f105b","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"573c73cb-60d5-2c77-8320-90cf6a0c3529","type":"Block","tag":"div","classes":["faca59be-3347-deeb-18d3-f48dd2ea8ca1"],"children":["8288ea2b-ae91-862b-f9a7-f53903d765e5"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8288ea2b-ae91-862b-f9a7-f53903d765e5","text":true,"v":"Enter your email and we'll send you a 6-digit code you can use to reset your password."},{"_id":"ad553f9a-6cdc-c71c-a71b-77e9358859d4","type":"Block","tag":"div","classes":["508821e0-abc6-4616-99aa-060f6234538f"],"children":["ad553f9a-6cdc-c71c-a71b-77e9358859d7"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ad553f9a-6cdc-c71c-a71b-77e9358859d7","type":"FormTextInput","tag":"input","classes":["508821e0-abc6-4616-99aa-060f6234538d"],"children":[],"data":{"displayName":"","attr":{"id":"Email","name":"Email","maxlength":256,"data-name":"Email","placeholder":"Email","disabled":false,"type":"email","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Email","type":"input","passwordPage":false}}},{"_id":"a995e99e-0623-fac3-5094-7e152b0a9aad","type":"FormButton","tag":"input","classes":["508821e0-abc6-4616-99aa-060f62345386"],"children":[],"data":{"displayName":"","attr":{"id":"","type":"submit","value":"Send a Reset Code","data-wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"button","wait":"Please wait..."}}},{"_id":"8fff3ce1-2a61-5a0b-ee6e-71f964c31e6c","type":"Block","tag":"div","classes":["508821e0-abc6-4616-99aa-060f62345387"],"children":["ca06a2b2-f9a1-6985-b909-e7d6464c6864","e8c44b09-ca59-09ef-880e-423d2619d07e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ca06a2b2-f9a1-6985-b909-e7d6464c6864","type":"Block","tag":"div","classes":["faca59be-3347-deeb-18d3-f48dd2ea8ca1"],"children":["ca06a2b2-f9a1-6985-b909-e7d6464c6865","31488787-ab07-e763-9f70-461958206ce5","00e639c7-b520-8b2b-ceda-f24bc529cab9"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ca06a2b2-f9a1-6985-b909-e7d6464c6865","text":true,"v":"Go back to "},{"_id":"31488787-ab07-e763-9f70-461958206ce5","type":"Link","tag":"a","classes":["508821e0-abc6-4616-99aa-060f6234537c"],"children":["84c56fdc-e91a-10a3-4330-79efa3d7eba7"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"url":"/login","mode":"external"}}},{"_id":"84c56fdc-e91a-10a3-4330-79efa3d7eba7","text":true,"v":"Login page"},{"_id":"00e639c7-b520-8b2b-ceda-f24bc529cab9","text":true,"v":". "},{"_id":"e8c44b09-ca59-09ef-880e-423d2619d07e","type":"Link","tag":"a","classes":["faca59be-3347-deeb-18d3-f48dd2ea8ca1","90d149db-71e7-a667-4120-cbf096e54573"],"children":["e8c44b09-ca59-09ef-880e-423d2619d07f"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"/password/reset"}}},{"_id":"e8c44b09-ca59-09ef-880e-423d2619d07f","text":true,"v":"I already have a code →"},{"_id":"a995e99e-0623-fac3-5094-7e152b0a9aaf","type":"FormSuccessMessage","tag":"div","classes":[],"children":["a995e99e-0623-fac3-5094-7e152b0a9ab0"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[],"displayName":""}},{"_id":"a995e99e-0623-fac3-5094-7e152b0a9ab0","type":"Block","tag":"div","classes":[],"children":["a995e99e-0623-fac3-5094-7e152b0a9ab1"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a995e99e-0623-fac3-5094-7e152b0a9ab1","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"a995e99e-0623-fac3-5094-7e152b0a9ab2","type":"FormErrorMessage","tag":"div","classes":[],"children":["a995e99e-0623-fac3-5094-7e152b0a9ab3"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[],"displayName":""}},{"_id":"a995e99e-0623-fac3-5094-7e152b0a9ab3","type":"Block","tag":"div","classes":[],"children":["a995e99e-0623-fac3-5094-7e152b0a9ab4"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a995e99e-0623-fac3-5094-7e152b0a9ab4","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"faca59be-3347-deeb-18d3-f48dd2ea8ca1","fake":false,"type":"class","name":"log-in__p","namespace":"","comb":"","styleLess":"margin-top: 15px; margin-bottom: 25px; color: #737373; font-size: 13px; line-height: 1.5;","variants":{},"children":["90d149db-71e7-a667-4120-cbf096e54573"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"508821e0-abc6-4616-99aa-060f6234538d","fake":false,"type":"class","name":"form-field","namespace":"","comb":"","styleLess":"height: 50px; margin-bottom: 0px; padding-top: 9px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px; border-top-style: none; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 86.67%, 1.00); border-right-style: none; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 86.67%, 1.00); border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 86.67%, 1.00); border-left-style: none; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 86.67%, 1.00); background-color: hsla(0, 0.00%, 93.33%, 1.00);","variants":{"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 60.00%, 1.00);"},"main_hover":{"styleLess":"background-color: hsla(0, 0.00%, 86.67%, 1.00);"},"main_focus":{"styleLess":"border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; background-color: white;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"508821e0-abc6-4616-99aa-060f62345387","fake":false,"type":"class","name":"flex-row-outer","namespace":"","comb":"","styleLess":"display: flex; width: 100%; justify-content: space-between; align-items: flex-start;","variants":{},"children":[],"selector":null},{"_id":"445aba0c-29c3-149d-410b-11994a7432b3","fake":false,"type":"class","name":"log-in__h","namespace":"","comb":"","styleLess":"margin-bottom: 30px; color: hsla(0, 0.00%, 20.00%, 1.00); font-size: 34px; font-weight: 500;","variants":{"small":{"styleLess":"font-size: 30px;"},"tiny":{"styleLess":"font-size: 28px;"}},"children":["61ef66a6-6913-ebba-0ea4-abe5b7ce7212"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"508821e0-abc6-4616-99aa-060f62345386","fake":false,"type":"class","name":"form-button","namespace":"","comb":"","styleLess":"width: 100%; padding-top: 0.8em; padding-right: 2em; padding-bottom: 0.8em; padding-left: 2em; align-self: flex-end; background-color: hsla(234.6031746031746, 100.00%, 62.94%, 1.00); transition-property: all; transition-duration: 200ms; transition-timing-function: ease; font-weight: 500;","variants":{"main_hover":{"styleLess":"background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.1));"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"1c3ea65b-1ab0-542b-716c-033feae0e4cc","fake":false,"type":"class","name":"login-logo","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: auto; bottom: auto; max-width: 95px; margin-left: 33px; padding-top: 42px;","variants":{"medium":{"styleLess":"position: relative; margin-bottom: 20px; margin-left: 0px; padding-top: 0px;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"508821e0-abc6-4616-99aa-060f62345385","fake":false,"type":"class","name":"form-container","namespace":"","comb":"","styleLess":"width: 475px; max-width: 475px; margin-bottom: 15px; padding-top: 10px; text-align: left;","variants":{},"children":[],"selector":null},{"_id":"508821e0-abc6-4616-99aa-060f6234537c","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"border-bottom-style: solid; border-bottom-width: 0.5px; border-bottom-color: hsla(0, 0.00%, 20.00%, 1.00); color: hsla(0, 0.00%, 20.00%, 1.00); text-decoration: none;","variants":{"main_hover":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"selector":null},{"_id":"61ef66a6-6913-ebba-0ea4-abe5b7ce7212","fake":false,"type":"class","name":"is-reset","namespace":"","comb":"&","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"508821e0-abc6-4616-99aa-060f6234538f","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 10px; flex-direction: column; align-items: flex-start;","variants":{},"children":["84f965f1-7e5a-6445-f3e9-3f294a8973e2","55f4817d-f45c-82f1-5cf1-20100f4ffabe"],"selector":null},{"_id":"90d149db-71e7-a667-4120-cbf096e54573","fake":false,"type":"class","name":"link","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/63612402c1de5bd94f2dab0a/63612402c1de5b0e5e2dab35_template%20logo%20black.svg","siteId":"63612402c1de5bd94f2dab0a","isHD":false,"fileName":"63612402c1de5b0e5e2dab35_template logo black.svg","createdOn":"2022-10-26T17:42:28.568Z","origFileName":"template logo black.svg","fileHash":"010c67ae4729ed764a538303c44613d9","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63612402c1de5bd94f2dab0a/63612402c1de5b0e5e2dab35_template%20logo%20black.svg","thumbUrl":"https://cdn.prod.website-files.com/63612402c1de5bd94f2dab0a/63612402c1de5b0e5e2dab35_template%20logo%20black.svg","_id":"63612402c1de5b0e5e2dab35","updatedOn":"2022-11-01T13:49:55.331Z","markedAsDeleted":true,"fileSize":9650}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":1,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"a995e99e-0623-fac3-5094-7e152b0a9a7b","type":"FormWrapper","tag":"div","classes":[],"children":["a995e99e-0623-fac3-5094-7e152b0a9a7c","a995e99e-0623-fac3-5094-7e152b0a9aaf","a995e99e-0623-fac3-5094-7e152b0a9ab2"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[],"displayName":""}},{"_id":"a995e99e-0623-fac3-5094-7e152b0a9a7c","type":"FormForm","tag":"form","classes":["508821e0-abc6-4616-99aa-060f62345385"],"children":["890c048c-b7d2-d371-4d9e-ade4d099d515","600bf36a-28b6-4dbd-075e-506c9d67b022","573c73cb-60d5-2c77-8320-90cf6a0c3529","ad553f9a-6cdc-c71c-a71b-77e9358859d4","a995e99e-0623-fac3-5094-7e152b0a9aad","8fff3ce1-2a61-5a0b-ee6e-71f964c31e6c"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"forgot-password"}],"displayName":"","attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"/password/reset","data-redirect":"/password/reset","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"890c048c-b7d2-d371-4d9e-ade4d099d515","type":"Link","tag":"a","classes":["1c3ea65b-1ab0-542b-716c-033feae0e4cc"],"children":["703b29a9-763d-a71a-a86a-0a0c72fe8d0d"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"703b29a9-763d-a71a-a86a-0a0c72fe8d0d","type":"Image","tag":"img","classes":[],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/63612402c1de5bd94f2dab0a/63612402c1de5b0e5e2dab35_template%20logo%20black.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"63612402c1de5b0e5e2dab35"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"600bf36a-28b6-4dbd-075e-506c9d67b022","type":"Heading","tag":"h1","classes":["445aba0c-29c3-149d-410b-11994a7432b3","61ef66a6-6913-ebba-0ea4-abe5b7ce7212"],"children":["600bf36a-28b6-4dbd-075e-506c9d67b023","62586df6-47fc-3e06-0563-d6405d7f105b"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"600bf36a-28b6-4dbd-075e-506c9d67b023","text":true,"v":"Reset your password"},{"_id":"62586df6-47fc-3e06-0563-d6405d7f105b","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"573c73cb-60d5-2c77-8320-90cf6a0c3529","type":"Block","tag":"div","classes":["faca59be-3347-deeb-18d3-f48dd2ea8ca1"],"children":["8288ea2b-ae91-862b-f9a7-f53903d765e5"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8288ea2b-ae91-862b-f9a7-f53903d765e5","text":true,"v":"Enter your email and we'll send you a 6-digit code you can use to reset your password."},{"_id":"ad553f9a-6cdc-c71c-a71b-77e9358859d4","type":"Block","tag":"div","classes":["508821e0-abc6-4616-99aa-060f6234538f"],"children":["ad553f9a-6cdc-c71c-a71b-77e9358859d7"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ad553f9a-6cdc-c71c-a71b-77e9358859d7","type":"FormTextInput","tag":"input","classes":["508821e0-abc6-4616-99aa-060f6234538d"],"children":[],"data":{"displayName":"","attr":{"id":"Email","name":"Email","maxlength":256,"data-name":"Email","placeholder":"Email","disabled":false,"type":"email","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Email","type":"input","passwordPage":false}}},{"_id":"a995e99e-0623-fac3-5094-7e152b0a9aad","type":"FormButton","tag":"input","classes":["508821e0-abc6-4616-99aa-060f62345386"],"children":[],"data":{"displayName":"","attr":{"id":"","type":"submit","value":"Send a Reset Code","data-wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"button","wait":"Please wait..."}}},{"_id":"8fff3ce1-2a61-5a0b-ee6e-71f964c31e6c","type":"Block","tag":"div","classes":["508821e0-abc6-4616-99aa-060f62345387"],"children":["ca06a2b2-f9a1-6985-b909-e7d6464c6864","e8c44b09-ca59-09ef-880e-423d2619d07e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ca06a2b2-f9a1-6985-b909-e7d6464c6864","type":"Block","tag":"div","classes":["faca59be-3347-deeb-18d3-f48dd2ea8ca1"],"children":["ca06a2b2-f9a1-6985-b909-e7d6464c6865","31488787-ab07-e763-9f70-461958206ce5","00e639c7-b520-8b2b-ceda-f24bc529cab9"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"ca06a2b2-f9a1-6985-b909-e7d6464c6865","text":true,"v":"Go back to "},{"_id":"31488787-ab07-e763-9f70-461958206ce5","type":"Link","tag":"a","classes":["508821e0-abc6-4616-99aa-060f6234537c"],"children":["84c56fdc-e91a-10a3-4330-79efa3d7eba7"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"url":"/login","mode":"external"}}},{"_id":"84c56fdc-e91a-10a3-4330-79efa3d7eba7","text":true,"v":"Login page"},{"_id":"00e639c7-b520-8b2b-ceda-f24bc529cab9","text":true,"v":". "},{"_id":"e8c44b09-ca59-09ef-880e-423d2619d07e","type":"Link","tag":"a","classes":["faca59be-3347-deeb-18d3-f48dd2ea8ca1","90d149db-71e7-a667-4120-cbf096e54573"],"children":["e8c44b09-ca59-09ef-880e-423d2619d07f"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"/password/reset"}}},{"_id":"e8c44b09-ca59-09ef-880e-423d2619d07f","text":true,"v":"I already have a code →"},{"_id":"a995e99e-0623-fac3-5094-7e152b0a9aaf","type":"FormSuccessMessage","tag":"div","classes":[],"children":["a995e99e-0623-fac3-5094-7e152b0a9ab0"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[],"displayName":""}},{"_id":"a995e99e-0623-fac3-5094-7e152b0a9ab0","type":"Block","tag":"div","classes":[],"children":["a995e99e-0623-fac3-5094-7e152b0a9ab1"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a995e99e-0623-fac3-5094-7e152b0a9ab1","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"a995e99e-0623-fac3-5094-7e152b0a9ab2","type":"FormErrorMessage","tag":"div","classes":[],"children":["a995e99e-0623-fac3-5094-7e152b0a9ab3"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[],"displayName":""}},{"_id":"a995e99e-0623-fac3-5094-7e152b0a9ab3","type":"Block","tag":"div","classes":[],"children":["a995e99e-0623-fac3-5094-7e152b0a9ab4"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a995e99e-0623-fac3-5094-7e152b0a9ab4","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"faca59be-3347-deeb-18d3-f48dd2ea8ca1","fake":false,"type":"class","name":"log-in__p","namespace":"","comb":"","styleLess":"margin-top: 15px; margin-bottom: 25px; color: #737373; font-size: 13px; line-height: 1.5;","variants":{},"children":["90d149db-71e7-a667-4120-cbf096e54573"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"508821e0-abc6-4616-99aa-060f6234538d","fake":false,"type":"class","name":"form-field","namespace":"","comb":"","styleLess":"height: 50px; margin-bottom: 0px; padding-top: 9px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px; border-top-style: none; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 86.67%, 1.00); border-right-style: none; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 86.67%, 1.00); border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 86.67%, 1.00); border-left-style: none; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 86.67%, 1.00); background-color: hsla(0, 0.00%, 93.33%, 1.00);","variants":{"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 60.00%, 1.00);"},"main_hover":{"styleLess":"background-color: hsla(0, 0.00%, 86.67%, 1.00);"},"main_focus":{"styleLess":"border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; background-color: white;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"508821e0-abc6-4616-99aa-060f62345387","fake":false,"type":"class","name":"flex-row-outer","namespace":"","comb":"","styleLess":"display: flex; width: 100%; justify-content: space-between; align-items: flex-start;","variants":{},"children":[],"selector":null},{"_id":"445aba0c-29c3-149d-410b-11994a7432b3","fake":false,"type":"class","name":"log-in__h","namespace":"","comb":"","styleLess":"margin-bottom: 30px; color: hsla(0, 0.00%, 20.00%, 1.00); font-size: 34px; font-weight: 500;","variants":{"small":{"styleLess":"font-size: 30px;"},"tiny":{"styleLess":"font-size: 28px;"}},"children":["61ef66a6-6913-ebba-0ea4-abe5b7ce7212"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"508821e0-abc6-4616-99aa-060f62345386","fake":false,"type":"class","name":"form-button","namespace":"","comb":"","styleLess":"width: 100%; padding-top: 0.8em; padding-right: 2em; padding-bottom: 0.8em; padding-left: 2em; align-self: flex-end; background-color: hsla(234.6031746031746, 100.00%, 62.94%, 1.00); transition-property: all; transition-duration: 200ms; transition-timing-function: ease; font-weight: 500;","variants":{"main_hover":{"styleLess":"background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.1));"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"1c3ea65b-1ab0-542b-716c-033feae0e4cc","fake":false,"type":"class","name":"login-logo","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: auto; bottom: auto; max-width: 95px; margin-left: 33px; padding-top: 42px;","variants":{"medium":{"styleLess":"position: relative; margin-bottom: 20px; margin-left: 0px; padding-top: 0px;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"508821e0-abc6-4616-99aa-060f62345385","fake":false,"type":"class","name":"form-container","namespace":"","comb":"","styleLess":"width: 475px; max-width: 475px; margin-bottom: 15px; padding-top: 10px; text-align: left;","variants":{},"children":[],"selector":null},{"_id":"508821e0-abc6-4616-99aa-060f6234537c","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"border-bottom-style: solid; border-bottom-width: 0.5px; border-bottom-color: hsla(0, 0.00%, 20.00%, 1.00); color: hsla(0, 0.00%, 20.00%, 1.00); text-decoration: none;","variants":{"main_hover":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"selector":null},{"_id":"61ef66a6-6913-ebba-0ea4-abe5b7ce7212","fake":false,"type":"class","name":"is-reset","namespace":"","comb":"&","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"508821e0-abc6-4616-99aa-060f6234538f","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 10px; flex-direction: column; align-items: flex-start;","variants":{},"children":["84f965f1-7e5a-6445-f3e9-3f294a8973e2","55f4817d-f45c-82f1-5cf1-20100f4ffabe"],"selector":null},{"_id":"90d149db-71e7-a667-4120-cbf096e54573","fake":false,"type":"class","name":"link","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/63612402c1de5bd94f2dab0a/63612402c1de5b0e5e2dab35_template%20logo%20black.svg","siteId":"63612402c1de5bd94f2dab0a","isHD":false,"fileName":"63612402c1de5b0e5e2dab35_template logo black.svg","createdOn":"2022-10-26T17:42:28.568Z","origFileName":"template logo black.svg","fileHash":"010c67ae4729ed764a538303c44613d9","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/63612402c1de5bd94f2dab0a/63612402c1de5b0e5e2dab35_template%20logo%20black.svg","thumbUrl":"https://cdn.prod.website-files.com/63612402c1de5bd94f2dab0a/63612402c1de5b0e5e2dab35_template%20logo%20black.svg","_id":"63612402c1de5b0e5e2dab35","updatedOn":"2022-11-01T13:49:55.331Z","markedAsDeleted":true,"fileSize":9650}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":1,"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)
This component is designed to facilitate the password recovery process for users, allowing them to request a reset code via email. It is built using Webflow's UI and powered by Memberstack.
Key Features:
- User-friendly email input for password reset requests
- Responsive design suitable for various devices
- Success and error messages to guide user actions
- Integration with Memberstack for user management
- Customizable styling options
Design Elements:
- Clean and modern layout
- Prominent heading with clear instructions
- Subtle color scheme with a focus on usability
- Flexbox layout for responsive design
Potential Use Cases:
- Web applications requiring user authentication
- E-commerce platforms needing secure user accounts
- Membership sites that manage user credentials
- SaaS products with user login features
- Blogs or content sites with user registration
Conclusion: The Webflow Forgot Password Form is a versatile and essential component for any web application that requires user authentication, providing a seamless experience for password recovery.
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.