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":"1fadcb18-b6b6-244e-43da-1ba0e68184d1","type":"FormWrapper","tag":"div","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914d"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184d4","1fadcb18-b6b6-244e-43da-1ba0e68184e5","1fadcb18-b6b6-244e-43da-1ba0e68184e8"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184d4","type":"FormForm","tag":"form","classes":["d5e0fb65-f3cc-6e57-0683-970f78a3afa6"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184d2","1fadcb18-b6b6-244e-43da-1ba0e68184dc","1fadcb18-b6b6-244e-43da-1ba0e68184de","1fadcb18-b6b6-244e-43da-1ba0e68184df","1fadcb18-b6b6-244e-43da-1ba0e68184e1","1fadcb18-b6b6-244e-43da-1ba0e68184e2","1fadcb18-b6b6-244e-43da-1ba0e68184e3"],"data":{"form":{"type":"form","name":"login"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"attr":{"id":"login","name":"wf-form-login","data-name":"login","method":"post","redirect":"","data-redirect":"","action":""},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184d2","type":"Heading","tag":"h1","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9151"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184d3"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184d3","text":true,"v":"Welcome back!"},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184dc","type":"FormBlockLabel","tag":"label","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914f"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184dd"],"data":{"form":{"type":"label"},"attr":{"for":"field","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184dd","text":true,"v":"Email"},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184de","type":"FormTextInput","tag":"input","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9150"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email","data-name":"email","placeholder":"Email Address","type":"email","id":"field","disabled":false,"required":true},"form":{"type":"input","name":"email","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184df","type":"FormBlockLabel","tag":"label","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914f"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184e0"],"data":{"form":{"type":"label"},"attr":{"for":"field","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e0","text":true,"v":"Password"},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e1","type":"FormTextInput","tag":"input","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9150"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"password","data-name":"Password","placeholder":"Password","type":"password","id":"field","disabled":false,"required":true},"form":{"type":"input","name":"Password","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e2","type":"FormButton","tag":"input","classes":["261d663d-c758-5f55-06b6-2c52a3a0b674","b9a4aa12-743e-d5d0-aff6-cfa41d0685e5"],"children":[],"data":{"attr":{"type":"submit","value":"CONTINUE","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e3","type":"Link","tag":"a","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9152"],"children":["544745d9-01ba-07b1-1e7c-87f1d4d3c568"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"forgot-password"}],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"544745d9-01ba-07b1-1e7c-87f1d4d3c568","text":true,"v":"I forgot my password"},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e5","type":"FormSuccessMessage","tag":"div","classes":[],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184e6"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e6","type":"Block","tag":"div","classes":[],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184e7"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e7","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e8","type":"FormErrorMessage","tag":"div","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9158"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184e9"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e9","type":"Block","tag":"div","classes":[],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184ea"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184ea","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"d5e0fb65-f3cc-6e57-0683-970f78a3afa6","fake":false,"type":"class","name":"Login Form","namespace":"","comb":"","styleLess":"margin-top: 60px; margin-bottom: 60px;","variants":{"small":{"styleLess":"padding-right: 5%; padding-left: 5%;"}},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e914d","fake":false,"type":"class","name":"login container","namespace":"","comb":"","styleLess":"z-index: 10; display: block; width: 100%; max-width: 440px; margin-right: auto; margin-left: auto;","variants":{"tiny":{"styleLess":"min-width: 0px;"}},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9150","fake":false,"type":"class","name":"Login Field","namespace":"","comb":"","styleLess":"position: relative; height: 70px; margin-bottom: 15px; padding-top: 20px; padding-bottom: 0px; padding-left: 14px; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: white; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.05); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; font-size: 18px; font-weight: 400;","variants":{"main_hover":{"styleLess":"font-weight: 400;"},"main_focus":{"styleLess":"z-index: 1; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(228, 100.00%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(228, 100.00%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(228, 100.00%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(228, 100.00%, 58.43%, 1.00); box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 0 6px 0 hsla(228, 100.00%, 58.43%, 1.00);"},"small":{"styleLess":"height: 64px; padding-top: 13px; font-size: 16px;"}},"children":["1f8564d6-2a35-1151-656b-9c2fc19e915c","1f8564d6-2a35-1151-656b-9c2fc19e915e"],"selector":null},{"_id":"b9a4aa12-743e-d5d0-aff6-cfa41d0685e5","fake":false,"type":"class","name":"Full Button","namespace":"","comb":"&","styleLess":"width: 100%;","variants":{},"children":["3c8e6ecf-e83a-8fe3-af77-c73494c655e9"],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9152","fake":false,"type":"class","name":"Password Link","namespace":"","comb":"","styleLess":"display: inline-block; padding-top: 20px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: hsla(228, 100.00%, 58.43%, 1.00); color: hsla(228, 100.00%, 58.43%, 1.00); line-height: 1.8em; font-weight: 400;","variants":{"small":{"styleLess":"padding-top: 10px;"}},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9151","fake":false,"type":"class","name":"Login Head","namespace":"","comb":"","styleLess":"margin-top: 90px; margin-bottom: 30px; font-size: 32px; line-height: 60px; text-align: center;","variants":{"small":{"styleLess":"font-size: 24px; line-height: 40px;"}},"children":[],"selector":null},{"_id":"261d663d-c758-5f55-06b6-2c52a3a0b674","fake":false,"type":"class","name":"Button","namespace":"","comb":"","styleLess":"margin-top: 10px; padding-top: 15px; padding-right: 22px; padding-bottom: 13px; padding-left: 22px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: hsla(228, 100.00%, 58.43%, 1.00); background-image: radial-gradient(circle closest-corner at 50% 50%, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.1)); box-shadow: 0 10px 20px -5px hsla(204.62264150943398, 78.49%, 23.16%, 0.20); color: white; font-size: 17px; line-height: 26px; font-weight: 700; text-align: center;","variants":{"tiny":{"styleLess":"padding-top: 10px; padding-right: 18px; padding-bottom: 9px; padding-left: 18px; font-size: 14px;"}},"children":["b9a4aa12-743e-d5d0-aff6-cfa41d0685e5","b2e4a30e-574a-b515-d174-c96075074489","b8dbf0c8-321e-a715-9ebf-b6351149f86f","217ae1de-fdca-c5ef-3716-bb19b79cc7ef"],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e914f","fake":false,"type":"class","name":"Login Label","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; height: 26px; margin-bottom: -26px; padding-left: 10px; color: black; font-size: 13px; line-height: 33px;","variants":{"small":{"styleLess":"height: 20px; margin-bottom: -20px; font-size: 12px; line-height: 27px;"}},"children":["1f8564d6-2a35-1151-656b-9c2fc19e915d"],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9158","fake":false,"type":"class","name":"Error Message","namespace":"","comb":"","styleLess":"position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 100; padding-top: 22px; padding-bottom: 22px; background-color: black; color: white; font-weight: 700; text-align: center;","variants":{},"children":[],"selector":null}],"assets":[],"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":"1fadcb18-b6b6-244e-43da-1ba0e68184d1","type":"FormWrapper","tag":"div","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914d"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184d4","1fadcb18-b6b6-244e-43da-1ba0e68184e5","1fadcb18-b6b6-244e-43da-1ba0e68184e8"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184d4","type":"FormForm","tag":"form","classes":["d5e0fb65-f3cc-6e57-0683-970f78a3afa6"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184d2","1fadcb18-b6b6-244e-43da-1ba0e68184dc","1fadcb18-b6b6-244e-43da-1ba0e68184de","1fadcb18-b6b6-244e-43da-1ba0e68184df","1fadcb18-b6b6-244e-43da-1ba0e68184e1","1fadcb18-b6b6-244e-43da-1ba0e68184e2","1fadcb18-b6b6-244e-43da-1ba0e68184e3"],"data":{"form":{"type":"form","name":"login"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"attr":{"id":"login","name":"wf-form-login","data-name":"login","method":"post","redirect":"","data-redirect":"","action":""},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184d2","type":"Heading","tag":"h1","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9151"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184d3"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184d3","text":true,"v":"Welcome back!"},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184dc","type":"FormBlockLabel","tag":"label","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914f"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184dd"],"data":{"form":{"type":"label"},"attr":{"for":"field","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184dd","text":true,"v":"Email"},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184de","type":"FormTextInput","tag":"input","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9150"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email","data-name":"email","placeholder":"Email Address","type":"email","id":"field","disabled":false,"required":true},"form":{"type":"input","name":"email","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184df","type":"FormBlockLabel","tag":"label","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914f"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184e0"],"data":{"form":{"type":"label"},"attr":{"for":"field","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e0","text":true,"v":"Password"},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e1","type":"FormTextInput","tag":"input","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9150"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"password","data-name":"Password","placeholder":"Password","type":"password","id":"field","disabled":false,"required":true},"form":{"type":"input","name":"Password","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e2","type":"FormButton","tag":"input","classes":["261d663d-c758-5f55-06b6-2c52a3a0b674","b9a4aa12-743e-d5d0-aff6-cfa41d0685e5"],"children":[],"data":{"attr":{"type":"submit","value":"CONTINUE","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e3","type":"Link","tag":"a","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9152"],"children":["544745d9-01ba-07b1-1e7c-87f1d4d3c568"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"forgot-password"}],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"544745d9-01ba-07b1-1e7c-87f1d4d3c568","text":true,"v":"I forgot my password"},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e5","type":"FormSuccessMessage","tag":"div","classes":[],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184e6"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e6","type":"Block","tag":"div","classes":[],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184e7"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e7","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e8","type":"FormErrorMessage","tag":"div","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9158"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184e9"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e9","type":"Block","tag":"div","classes":[],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184ea"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184ea","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"d5e0fb65-f3cc-6e57-0683-970f78a3afa6","fake":false,"type":"class","name":"Login Form","namespace":"","comb":"","styleLess":"margin-top: 60px; margin-bottom: 60px;","variants":{"small":{"styleLess":"padding-right: 5%; padding-left: 5%;"}},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e914d","fake":false,"type":"class","name":"login container","namespace":"","comb":"","styleLess":"z-index: 10; display: block; width: 100%; max-width: 440px; margin-right: auto; margin-left: auto;","variants":{"tiny":{"styleLess":"min-width: 0px;"}},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9150","fake":false,"type":"class","name":"Login Field","namespace":"","comb":"","styleLess":"position: relative; height: 70px; margin-bottom: 15px; padding-top: 20px; padding-bottom: 0px; padding-left: 14px; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: white; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.05); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; font-size: 18px; font-weight: 400;","variants":{"main_hover":{"styleLess":"font-weight: 400;"},"main_focus":{"styleLess":"z-index: 1; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(228, 100.00%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(228, 100.00%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(228, 100.00%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(228, 100.00%, 58.43%, 1.00); box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 0 6px 0 hsla(228, 100.00%, 58.43%, 1.00);"},"small":{"styleLess":"height: 64px; padding-top: 13px; font-size: 16px;"}},"children":["1f8564d6-2a35-1151-656b-9c2fc19e915c","1f8564d6-2a35-1151-656b-9c2fc19e915e"],"selector":null},{"_id":"b9a4aa12-743e-d5d0-aff6-cfa41d0685e5","fake":false,"type":"class","name":"Full Button","namespace":"","comb":"&","styleLess":"width: 100%;","variants":{},"children":["3c8e6ecf-e83a-8fe3-af77-c73494c655e9"],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9152","fake":false,"type":"class","name":"Password Link","namespace":"","comb":"","styleLess":"display: inline-block; padding-top: 20px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: hsla(228, 100.00%, 58.43%, 1.00); color: hsla(228, 100.00%, 58.43%, 1.00); line-height: 1.8em; font-weight: 400;","variants":{"small":{"styleLess":"padding-top: 10px;"}},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9151","fake":false,"type":"class","name":"Login Head","namespace":"","comb":"","styleLess":"margin-top: 90px; margin-bottom: 30px; font-size: 32px; line-height: 60px; text-align: center;","variants":{"small":{"styleLess":"font-size: 24px; line-height: 40px;"}},"children":[],"selector":null},{"_id":"261d663d-c758-5f55-06b6-2c52a3a0b674","fake":false,"type":"class","name":"Button","namespace":"","comb":"","styleLess":"margin-top: 10px; padding-top: 15px; padding-right: 22px; padding-bottom: 13px; padding-left: 22px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: hsla(228, 100.00%, 58.43%, 1.00); background-image: radial-gradient(circle closest-corner at 50% 50%, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.1)); box-shadow: 0 10px 20px -5px hsla(204.62264150943398, 78.49%, 23.16%, 0.20); color: white; font-size: 17px; line-height: 26px; font-weight: 700; text-align: center;","variants":{"tiny":{"styleLess":"padding-top: 10px; padding-right: 18px; padding-bottom: 9px; padding-left: 18px; font-size: 14px;"}},"children":["b9a4aa12-743e-d5d0-aff6-cfa41d0685e5","b2e4a30e-574a-b515-d174-c96075074489","b8dbf0c8-321e-a715-9ebf-b6351149f86f","217ae1de-fdca-c5ef-3716-bb19b79cc7ef"],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e914f","fake":false,"type":"class","name":"Login Label","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; height: 26px; margin-bottom: -26px; padding-left: 10px; color: black; font-size: 13px; line-height: 33px;","variants":{"small":{"styleLess":"height: 20px; margin-bottom: -20px; font-size: 12px; line-height: 27px;"}},"children":["1f8564d6-2a35-1151-656b-9c2fc19e915d"],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9158","fake":false,"type":"class","name":"Error Message","namespace":"","comb":"","styleLess":"position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 100; padding-top: 22px; padding-bottom: 22px; background-color: black; color: white; font-weight: 700; text-align: center;","variants":{},"children":[],"selector":null}],"assets":[],"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)
Login #1 is a user-friendly login form designed to facilitate user authentication with a clean and modern interface.
Key Features:
- Includes fields for email and password input
- Features a 'Continue' button for form submission
- Provides links for password recovery
- Displays success and error messages upon form submission
- Responsive design suitable for various devices
Design Elements:
- Modern styling with rounded corners and subtle shadows
- Color scheme includes a primary blue for buttons and links
- Clear typography with a focus on readability
Potential Use Cases:
- Web applications requiring user login functionality
- E-commerce sites needing secure customer access
- Membership platforms for user account management
- Corporate websites with employee login sections
- Educational platforms for student and faculty access
Conclusion: Login #1 is a versatile and visually appealing login form that can enhance user experience across various web applications.
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.