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":"ed422b4f-7916-ae36-fa71-f808690ee942","type":"Block","tag":"section","classes":["e0171d73-2fb3-abd7-dcc0-346065ecf17c"],"children":["829e062b-5637-3c54-bd04-9e624b0aaef9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"829e062b-5637-3c54-bd04-9e624b0aaef9","type":"Block","tag":"div","classes":["ac6c7eee-86fa-950b-e5c5-669c7ec4c78b"],"children":["7c770270-f4e5-5de2-103b-3a01455f12b9","c9547918-d9de-f4c1-4356-54780d465d1c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"7c770270-f4e5-5de2-103b-3a01455f12b9","type":"Block","tag":"div","classes":["6c329fe7-373b-a69b-bec5-5ff713acf969"],"children":["b887b84e-de12-e845-c335-606eca2fc1ff","0c5914c7-220c-f125-8617-cdd2eb958d17","7e17daa8-c34b-a71c-c369-26271d8a6035"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b887b84e-de12-e845-c335-606eca2fc1ff","type":"Link","tag":"a","classes":["a56e76f3-1bba-ea5c-029f-37dc8ad7185d"],"children":["4d48b7e8-027e-a6d2-78d9-1589fb41f767"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"4d48b7e8-027e-a6d2-78d9-1589fb41f767","type":"Image","tag":"img","classes":["6616955e-f3e5-8687-a99b-613f7a78c045"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/64071b2eff03d911231e558e/64072ccca1f0076a270b1f92_Logo.svg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"64072ccca1f0076a270b1f92"}}},{"_id":"0c5914c7-220c-f125-8617-cdd2eb958d17","type":"Block","tag":"div","classes":["9eb237b8-a74b-56b3-91ae-f20afa4190a3"],"children":["d792652f-29e8-8d52-4c91-d42cb6d1a8ae","cfb0d65b-c1ca-e86f-2fd9-d11ad56491da"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8ae","type":"FormWrapper","tag":"div","classes":["2a98b8b0-fe61-2b3d-7184-7c90e69cb6d3"],"children":["d792652f-29e8-8d52-4c91-d42cb6d1a8af","d792652f-29e8-8d52-4c91-d42cb6d1a8b7","d792652f-29e8-8d52-4c91-d42cb6d1a8ba"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8af","type":"FormForm","tag":"form","classes":["ae3dd437-198f-b2d8-a040-ea53f3268f9a"],"children":["77bd8235-30be-1f89-4046-f2cc58dc5912","b240c437-02ae-6fee-64c9-96f84b2c7cc2","cc16c6d5-02ee-027c-597d-9cf5c6db57a5","755286ef-88f0-0c1a-cb3e-7050418fbab9","1908cf0d-9d6e-16e0-6be7-047ebe925600","d792652f-29e8-8d52-4c91-d42cb6d1a8b6","a68b0017-c2b5-02fa-f685-80c2cc9de888"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"77bd8235-30be-1f89-4046-f2cc58dc5912","type":"Heading","tag":"h1","classes":[],"children":["77bd8235-30be-1f89-4046-f2cc58dc5913"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"77bd8235-30be-1f89-4046-f2cc58dc5913","text":true,"v":"Welcome back"},{"_id":"b240c437-02ae-6fee-64c9-96f84b2c7cc2","type":"Paragraph","tag":"p","classes":[],"children":["b240c437-02ae-6fee-64c9-96f84b2c7cc3"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"b240c437-02ae-6fee-64c9-96f84b2c7cc3","text":true,"v":"Welcome back! Please enter your details."},{"_id":"cc16c6d5-02ee-027c-597d-9cf5c6db57a5","type":"Block","tag":"div","classes":["3f1099bb-e645-8a5f-ce3c-54b4da34d4b1","7a902327-a42d-b896-69ae-6da38a52de5a"],"children":["d792652f-29e8-8d52-4c91-d42cb6d1a8b0","d792652f-29e8-8d52-4c91-d42cb6d1a8b2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8b0","type":"FormBlockLabel","tag":"label","classes":["20a37368-140d-102e-4676-14461e1ffddb"],"children":["d792652f-29e8-8d52-4c91-d42cb6d1a8b1"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Email","id":""},"visibility":{"conditions":[]}}},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8b1","text":true,"v":"Email"},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8b2","type":"FormTextInput","tag":"input","classes":["2a9e1a56-c829-fb20-c155-a2711a3c5da8"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"Enter your email","type":"email","id":"Email","disabled":false,"required":false},"form":{"name":"Email","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}]}},{"_id":"755286ef-88f0-0c1a-cb3e-7050418fbab9","type":"Block","tag":"div","classes":["3f1099bb-e645-8a5f-ce3c-54b4da34d4b1"],"children":["755286ef-88f0-0c1a-cb3e-7050418fbaba","755286ef-88f0-0c1a-cb3e-7050418fbabc"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"755286ef-88f0-0c1a-cb3e-7050418fbaba","type":"FormBlockLabel","tag":"label","classes":["20a37368-140d-102e-4676-14461e1ffddb"],"children":["755286ef-88f0-0c1a-cb3e-7050418fbabb"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Password","id":""},"visibility":{"conditions":[]}}},{"_id":"755286ef-88f0-0c1a-cb3e-7050418fbabb","text":true,"v":"Password"},{"_id":"755286ef-88f0-0c1a-cb3e-7050418fbabc","type":"FormTextInput","tag":"input","classes":["2a9e1a56-c829-fb20-c155-a2711a3c5da8"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"********","type":"password","id":"Password","disabled":false,"required":false},"form":{"name":"Password","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}]}},{"_id":"1908cf0d-9d6e-16e0-6be7-047ebe925600","type":"Block","tag":"div","classes":["ff85d81b-f467-9f98-1b19-c05359d5bd72"],"children":["b0a49e81-7420-df14-4fff-61a7a2929faf","5df639b1-10d7-d461-ed71-4a087b54c03b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b0a49e81-7420-df14-4fff-61a7a2929faf","type":"FormCheckboxWrapper","tag":"div","classes":["86b6d6d5-a24c-d511-a488-68db3c34e612"],"children":["b0a49e81-7420-df14-4fff-61a7a2929fb0","b0a49e81-7420-df14-4fff-61a7a2929fb1"],"data":{"form":{"type":"checkbox"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"b0a49e81-7420-df14-4fff-61a7a2929fb0","type":"FormCheckboxInput","tag":"input","classes":["9696cc28-064a-c015-0b74-2de1218ae393"],"children":[],"data":{"attr":{"type":"checkbox","id":"checkbox","name":"checkbox","data-name":"Checkbox","checked":false,"required":false},"inputType":"custom","form":{"type":"checkbox-input","name":"Checkbox"}}},{"_id":"b0a49e81-7420-df14-4fff-61a7a2929fb1","type":"FormInlineLabel","tag":"label","classes":["8bf30db4-8553-9349-1952-b9441c271908"],"children":["b0a49e81-7420-df14-4fff-61a7a2929fb2"],"data":{"form":{"type":"checkbox-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"b0a49e81-7420-df14-4fff-61a7a2929fb2","text":true,"v":"Here's a checkbox"},{"_id":"5df639b1-10d7-d461-ed71-4a087b54c03b","type":"Link","tag":"a","classes":["954043fc-ae5a-6a50-adf7-4d3e378a0a5c"],"children":["5df639b1-10d7-d461-ed71-4a087b54c03c"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"forgot-password"}],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"5df639b1-10d7-d461-ed71-4a087b54c03c","text":true,"v":"Forgot password"},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8b6","type":"FormButton","tag":"input","classes":["23789647-cf52-3c4f-0711-0d1e2d6efbb3"],"children":[],"data":{"attr":{"type":"submit","value":"Sign in","data-wait":"Please wait..."},"form":{"type":"button","wait":"Please wait..."}}},{"_id":"a68b0017-c2b5-02fa-f685-80c2cc9de888","type":"Link","tag":"a","classes":["23789647-cf52-3c4f-0711-0d1e2d6efbb3","546c9b44-5787-6d4b-a9ff-9104e1c3343a"],"children":["b0dacfd7-49d6-789c-96be-efd476bcedd7","e6e844a6-8067-f2f7-34dc-6cac7b891dda"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"b0dacfd7-49d6-789c-96be-efd476bcedd7","type":"Image","tag":"img","classes":["866206c3-5fd8-b9d2-39ce-b5d68cd9c01f"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/64071b2eff03d911231e558e/640734f2e44f31501711cb80_google.svg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"640734f2e44f31501711cb80"}}},{"_id":"e6e844a6-8067-f2f7-34dc-6cac7b891dda","type":"Paragraph","tag":"p","classes":["0ffe03cb-7683-b816-f667-1ce9a1e7d761"],"children":["e6e844a6-8067-f2f7-34dc-6cac7b891ddb"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"e6e844a6-8067-f2f7-34dc-6cac7b891ddb","text":true,"v":"Sign in with Google"},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8b7","type":"FormSuccessMessage","tag":"div","classes":[],"children":["d792652f-29e8-8d52-4c91-d42cb6d1a8b8"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8b8","type":"Block","tag":"div","classes":[],"children":["d792652f-29e8-8d52-4c91-d42cb6d1a8b9"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8b9","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8ba","type":"FormErrorMessage","tag":"div","classes":[],"children":["d792652f-29e8-8d52-4c91-d42cb6d1a8bb"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8bb","type":"Block","tag":"div","classes":[],"children":["d792652f-29e8-8d52-4c91-d42cb6d1a8bc"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8bc","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"cfb0d65b-c1ca-e86f-2fd9-d11ad56491da","type":"Paragraph","tag":"p","classes":["585665d5-1e15-b69e-53a7-bf75024a2b96","9dc29fcb-8658-a084-6292-78d9d8285902"],"children":["cfb0d65b-c1ca-e86f-2fd9-d11ad56491db","192e4331-6946-1b77-53d7-55e087afb0d2"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"cfb0d65b-c1ca-e86f-2fd9-d11ad56491db","text":true,"v":"Don't have an account? "},{"_id":"192e4331-6946-1b77-53d7-55e087afb0d2","type":"Link","tag":"a","classes":["bcff7211-2b6e-787b-bc06-912a89eab279","4d1536f8-08fb-dfbf-b0e3-d31f740003c7"],"children":["6a231a3c-137f-f2ae-efa8-b2f72ad74b51"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"6a231a3c-137f-f2ae-efa8-b2f72ad74b51","text":true,"v":"Sign up"},{"_id":"7e17daa8-c34b-a71c-c369-26271d8a6035","type":"Paragraph","tag":"p","classes":["585665d5-1e15-b69e-53a7-bf75024a2b96"],"children":["7e17daa8-c34b-a71c-c369-26271d8a6036"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"7e17daa8-c34b-a71c-c369-26271d8a6036","text":true,"v":"Template 2023"},{"_id":"c9547918-d9de-f4c1-4356-54780d465d1c","type":"Block","tag":"div","classes":["a6123dc9-93ed-0b8f-93d9-3dfcc3774101"],"children":["9fa54e69-8733-92ea-7142-058d17f3e279","f5bd5954-ff3c-8642-c3f5-362459a814e1"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9fa54e69-8733-92ea-7142-058d17f3e279","type":"Block","tag":"div","classes":["a89904bf-c72a-9b86-d2cf-9ac42e6d34c6"],"children":[],"data":{"tag":"div","text":false}},{"_id":"f5bd5954-ff3c-8642-c3f5-362459a814e1","type":"Image","tag":"img","classes":["2c1e1c34-c146-ee89-d898-fd9dcd7dd8c3"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/64071b2eff03d911231e558e/641ab368ff59245f91a6517a_pexels-jess-loiterton-4321802.jpg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"641ab368ff59245f91a6517a","sizes":[{"max":991,"size":"100vw"},{"max":10000,"size":"50vw"}]}}}],"styles":[{"_id":"ac6c7eee-86fa-950b-e5c5-669c7ec4c78b","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"display: flex; min-height: 100vh;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"a56e76f3-1bba-ea5c-029f-37dc8ad7185d","fake":false,"type":"class","name":"logo-link","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"2c1e1c34-c146-ee89-d898-fd9dcd7dd8c3","fake":false,"type":"class","name":"bg-image","namespace":"","comb":"","styleLess":"position: absolute; width: 100%; height: 100%;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"9eb237b8-a74b-56b3-91ae-f20afa4190a3","fake":false,"type":"class","name":"left-wrap","namespace":"","comb":"","styleLess":"width: 100%; max-width: 360px; align-self: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"6616955e-f3e5-8687-a99b-613f7a78c045","fake":false,"type":"class","name":"logo","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"ae3dd437-198f-b2d8-a040-ea53f3268f9a","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"e0171d73-2fb3-abd7-dcc0-346065ecf17c","fake":false,"type":"class","name":"section","namespace":"","comb":"","styleLess":"width: 100%; max-width: 1920px; margin-right: auto; margin-left: auto;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"585665d5-1e15-b69e-53a7-bf75024a2b96","fake":false,"type":"class","name":"p-normal","namespace":"","comb":"","styleLess":"color: #a2a6b1; font-weight: 400;","variants":{},"children":["9dc29fcb-8658-a084-6292-78d9d8285902"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"ff85d81b-f467-9f98-1b19-c05359d5bd72","fake":false,"type":"class","name":"form-flex","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 25px; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"9dc29fcb-8658-a084-6292-78d9d8285902","fake":false,"type":"class","name":"align-center","namespace":"","comb":"&","styleLess":"text-align: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"a89904bf-c72a-9b86-d2cf-9ac42e6d34c6","fake":false,"type":"class","name":"blur","namespace":"","comb":"","styleLess":"position: relative; z-index: 10; width: 100%; height: 100%; background-color: hsla(227.99999999999972, 26.32%, 96.27%, 0.20); backdrop-filter: blur(6px);","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"8bf30db4-8553-9349-1952-b9441c271908","fake":false,"type":"class","name":"chekbox-text","namespace":"","comb":"","styleLess":"color: #363e49; font-size: 13px; font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"2a9e1a56-c829-fb20-c155-a2711a3c5da8","fake":false,"type":"class","name":"field-input","namespace":"","comb":"","styleLess":"height: 45px; margin-bottom: 0px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; transition-property: border-color; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_focus":{"styleLess":"border-top-color: hsla(213, 100.00%, 54.44%, 1.00); border-right-color: hsla(213, 100.00%, 54.44%, 1.00); border-bottom-color: hsla(213, 100.00%, 54.44%, 1.00); border-left-color: hsla(213, 100.00%, 54.44%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(213, 100.00%, 54.44%, 1.00); border-right-color: hsla(213, 100.00%, 54.44%, 1.00); border-bottom-color: hsla(213, 100.00%, 54.44%, 1.00); border-left-color: hsla(213, 100.00%, 54.44%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"a6123dc9-93ed-0b8f-93d9-3dfcc3774101","fake":false,"type":"class","name":"right","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 50%; flex-direction: column; justify-content: flex-end; align-items: center; background-color: #f3f4f8;","variants":{"medium":{"styleLess":"display: none;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"20a37368-140d-102e-4676-14461e1ffddb","fake":false,"type":"class","name":"field-label","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-size: 13px; font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"0ffe03cb-7683-b816-f667-1ce9a1e7d761","fake":false,"type":"class","name":"button-text","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"23789647-cf52-3c4f-0711-0d1e2d6efbb3","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; height: 45px; margin-bottom: 15px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(213, 100.00%, 54.44%, 1.00); transition-property: background-color; transition-duration: 200ms; transition-timing-function: ease; color: hsla(221.99999999999997, 0.00%, 100.00%, 1.00); font-size: 16px;","variants":{"main_hover":{"styleLess":"background-color: hsla(258.6363636363636, 64.08%, 59.61%, 0.80);"}},"children":["546c9b44-5787-6d4b-a9ff-9104e1c3343a"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"bcff7211-2b6e-787b-bc06-912a89eab279","fake":false,"type":"class","name":"semi-bold","namespace":"","comb":"","styleLess":"font-weight: 600;","variants":{},"children":["4d1536f8-08fb-dfbf-b0e3-d31f740003c7"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"546c9b44-5787-6d4b-a9ff-9104e1c3343a","fake":false,"type":"class","name":"outline","namespace":"","comb":"&","styleLess":"display: flex; margin-bottom: 0px; justify-content: center; align-items: center; grid-column-gap: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(228.00000000000006, 6.85%, 85.69%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(228.00000000000006, 6.85%, 85.69%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(228.00000000000006, 6.85%, 85.69%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(228.00000000000006, 6.85%, 85.69%, 1.00); background-color: transparent; transition-property: transform, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: #39404a; text-decoration: none;","variants":{"main_hover":{"styleLess":"box-shadow: 0 4px 2px 0 hsla(0, 0.00%, 10.98%, 0.20); transform: translate(0px, -4px);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"6c329fe7-373b-a69b-bec5-5ff713acf969","fake":false,"type":"class","name":"left","namespace":"","comb":"","styleLess":"display: flex; width: 50%; padding-top: 35px; padding-right: 40px; padding-bottom: 35px; padding-left: 40px; flex-direction: column; justify-content: space-between;","variants":{"medium":{"styleLess":"width: 100%;"},"tiny":{"styleLess":"padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"2a98b8b0-fe61-2b3d-7184-7c90e69cb6d3","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"margin-top: 40px; margin-bottom: 35px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"3f1099bb-e645-8a5f-ce3c-54b4da34d4b1","fake":false,"type":"class","name":"field-wrapper","namespace":"","comb":"","styleLess":"margin-bottom: 20px;","variants":{},"children":["7a902327-a42d-b896-69ae-6da38a52de5a"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"954043fc-ae5a-6a50-adf7-4d3e378a0a5c","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(258.6363636363636, 64.08%, 59.61%, 0.00);","variants":{"main_hover":{"styleLess":"border-bottom-color: hsla(213, 100.00%, 54.44%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"86b6d6d5-a24c-d511-a488-68db3c34e612","fake":false,"type":"class","name":"checkbox-wrap","namespace":"","comb":"","styleLess":"margin-bottom: 0px; align-items: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7a902327-a42d-b896-69ae-6da38a52de5a","fake":false,"type":"class","name":"top","namespace":"","comb":"&","styleLess":"margin-top: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"9696cc28-064a-c015-0b74-2de1218ae393","fake":false,"type":"class","name":"checkbox","namespace":"","comb":"","styleLess":"width: 16px; height: 16px; margin-top: 2px; margin-right: 7px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;","variants":{"main_redirected-checked":{"styleLess":"background-color: hsla(213, 100.00%, 54.44%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"4d1536f8-08fb-dfbf-b0e3-d31f740003c7","fake":false,"type":"class","name":"link","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"866206c3-5fd8-b9d2-39ce-b5d68cd9c01f","fake":false,"type":"class","name":"button-icon","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/64071b2eff03d911231e558e/64072ccca1f0076a270b1f92_Logo.svg","siteId":"64071b2eff03d911231e558e","isHD":false,"fileName":"64072ccca1f0076a270b1f92_Logo.svg","createdOn":"2023-03-07T12:23:40.342Z","origFileName":"Logo.svg","fileHash":"e34e8c1860548916d99b5f603fbc8501","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64071b2eff03d911231e558e/64072ccca1f0076a270b1f92_Logo.svg","thumbUrl":"https://cdn.prod.website-files.com/64071b2eff03d911231e558e/64072ccca1f0076a270b1f92_Logo.svg","_id":"64072ccca1f0076a270b1f92","updatedOn":"2023-03-07T12:23:40.342Z","fileSize":9753},{"cdnUrl":"https://cdn.prod.website-files.com/64071b2eff03d911231e558e/640734f2e44f31501711cb80_google.svg","siteId":"64071b2eff03d911231e558e","isHD":false,"fileName":"640734f2e44f31501711cb80_google.svg","createdOn":"2023-03-07T12:58:26.852Z","origFileName":"google.svg","fileHash":"d2db124d824335fc0feb59c6fbf27abc","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64071b2eff03d911231e558e/640734f2e44f31501711cb80_google.svg","thumbUrl":"https://cdn.prod.website-files.com/64071b2eff03d911231e558e/640734f2e44f31501711cb80_google.svg","_id":"640734f2e44f31501711cb80","updatedOn":"2023-03-07T12:58:26.852Z","fileSize":1366},{"cdnUrl":"https://cdn.prod.website-files.com/64071b2eff03d911231e558e/641ab368ff59245f91a6517a_pexels-jess-loiterton-4321802.jpg","siteId":"64071b2eff03d911231e558e","width":1920,"isHD":false,"height":2400,"fileName":"641ab368ff59245f91a6517a_pexels-jess-loiterton-4321802.jpg","createdOn":"2023-03-22T07:51:04.069Z","origFileName":"pexels-jess-loiterton-4321802.jpg","fileHash":"8de2dcbac0e03fd892bea21d839095a3","variants":[],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64071b2eff03d911231e558e/641ab368ff59245f91a6517a_pexels-jess-loiterton-4321802.jpg","thumbUrl":"https://cdn.prod.website-files.com/64071b2eff03d911231e558e/641ab368ff59245f91a6517a_pexels-jess-loiterton-4321802-p-130x130q80.jpg","_id":"641ab368ff59245f91a6517a","updatedOn":"2023-03-22T07:51:12.355Z","fileSize":1037974}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"ed422b4f-7916-ae36-fa71-f808690ee942","type":"Block","tag":"section","classes":["e0171d73-2fb3-abd7-dcc0-346065ecf17c"],"children":["829e062b-5637-3c54-bd04-9e624b0aaef9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"829e062b-5637-3c54-bd04-9e624b0aaef9","type":"Block","tag":"div","classes":["ac6c7eee-86fa-950b-e5c5-669c7ec4c78b"],"children":["7c770270-f4e5-5de2-103b-3a01455f12b9","c9547918-d9de-f4c1-4356-54780d465d1c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"7c770270-f4e5-5de2-103b-3a01455f12b9","type":"Block","tag":"div","classes":["6c329fe7-373b-a69b-bec5-5ff713acf969"],"children":["b887b84e-de12-e845-c335-606eca2fc1ff","0c5914c7-220c-f125-8617-cdd2eb958d17","7e17daa8-c34b-a71c-c369-26271d8a6035"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b887b84e-de12-e845-c335-606eca2fc1ff","type":"Link","tag":"a","classes":["a56e76f3-1bba-ea5c-029f-37dc8ad7185d"],"children":["4d48b7e8-027e-a6d2-78d9-1589fb41f767"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"4d48b7e8-027e-a6d2-78d9-1589fb41f767","type":"Image","tag":"img","classes":["6616955e-f3e5-8687-a99b-613f7a78c045"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/64071b2eff03d911231e558e/64072ccca1f0076a270b1f92_Logo.svg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"64072ccca1f0076a270b1f92"}}},{"_id":"0c5914c7-220c-f125-8617-cdd2eb958d17","type":"Block","tag":"div","classes":["9eb237b8-a74b-56b3-91ae-f20afa4190a3"],"children":["d792652f-29e8-8d52-4c91-d42cb6d1a8ae","cfb0d65b-c1ca-e86f-2fd9-d11ad56491da"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8ae","type":"FormWrapper","tag":"div","classes":["2a98b8b0-fe61-2b3d-7184-7c90e69cb6d3"],"children":["d792652f-29e8-8d52-4c91-d42cb6d1a8af","d792652f-29e8-8d52-4c91-d42cb6d1a8b7","d792652f-29e8-8d52-4c91-d42cb6d1a8ba"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8af","type":"FormForm","tag":"form","classes":["ae3dd437-198f-b2d8-a040-ea53f3268f9a"],"children":["77bd8235-30be-1f89-4046-f2cc58dc5912","b240c437-02ae-6fee-64c9-96f84b2c7cc2","cc16c6d5-02ee-027c-597d-9cf5c6db57a5","755286ef-88f0-0c1a-cb3e-7050418fbab9","1908cf0d-9d6e-16e0-6be7-047ebe925600","d792652f-29e8-8d52-4c91-d42cb6d1a8b6","a68b0017-c2b5-02fa-f685-80c2cc9de888"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"77bd8235-30be-1f89-4046-f2cc58dc5912","type":"Heading","tag":"h1","classes":[],"children":["77bd8235-30be-1f89-4046-f2cc58dc5913"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"77bd8235-30be-1f89-4046-f2cc58dc5913","text":true,"v":"Welcome back"},{"_id":"b240c437-02ae-6fee-64c9-96f84b2c7cc2","type":"Paragraph","tag":"p","classes":[],"children":["b240c437-02ae-6fee-64c9-96f84b2c7cc3"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"b240c437-02ae-6fee-64c9-96f84b2c7cc3","text":true,"v":"Welcome back! Please enter your details."},{"_id":"cc16c6d5-02ee-027c-597d-9cf5c6db57a5","type":"Block","tag":"div","classes":["3f1099bb-e645-8a5f-ce3c-54b4da34d4b1","7a902327-a42d-b896-69ae-6da38a52de5a"],"children":["d792652f-29e8-8d52-4c91-d42cb6d1a8b0","d792652f-29e8-8d52-4c91-d42cb6d1a8b2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8b0","type":"FormBlockLabel","tag":"label","classes":["20a37368-140d-102e-4676-14461e1ffddb"],"children":["d792652f-29e8-8d52-4c91-d42cb6d1a8b1"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Email","id":""},"visibility":{"conditions":[]}}},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8b1","text":true,"v":"Email"},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8b2","type":"FormTextInput","tag":"input","classes":["2a9e1a56-c829-fb20-c155-a2711a3c5da8"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email","data-name":"Email","placeholder":"Enter your email","type":"email","id":"Email","disabled":false,"required":false},"form":{"name":"Email","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}]}},{"_id":"755286ef-88f0-0c1a-cb3e-7050418fbab9","type":"Block","tag":"div","classes":["3f1099bb-e645-8a5f-ce3c-54b4da34d4b1"],"children":["755286ef-88f0-0c1a-cb3e-7050418fbaba","755286ef-88f0-0c1a-cb3e-7050418fbabc"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"755286ef-88f0-0c1a-cb3e-7050418fbaba","type":"FormBlockLabel","tag":"label","classes":["20a37368-140d-102e-4676-14461e1ffddb"],"children":["755286ef-88f0-0c1a-cb3e-7050418fbabb"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Password","id":""},"visibility":{"conditions":[]}}},{"_id":"755286ef-88f0-0c1a-cb3e-7050418fbabb","text":true,"v":"Password"},{"_id":"755286ef-88f0-0c1a-cb3e-7050418fbabc","type":"FormTextInput","tag":"input","classes":["2a9e1a56-c829-fb20-c155-a2711a3c5da8"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"********","type":"password","id":"Password","disabled":false,"required":false},"form":{"name":"Password","type":"input","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}]}},{"_id":"1908cf0d-9d6e-16e0-6be7-047ebe925600","type":"Block","tag":"div","classes":["ff85d81b-f467-9f98-1b19-c05359d5bd72"],"children":["b0a49e81-7420-df14-4fff-61a7a2929faf","5df639b1-10d7-d461-ed71-4a087b54c03b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b0a49e81-7420-df14-4fff-61a7a2929faf","type":"FormCheckboxWrapper","tag":"div","classes":["86b6d6d5-a24c-d511-a488-68db3c34e612"],"children":["b0a49e81-7420-df14-4fff-61a7a2929fb0","b0a49e81-7420-df14-4fff-61a7a2929fb1"],"data":{"form":{"type":"checkbox"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"b0a49e81-7420-df14-4fff-61a7a2929fb0","type":"FormCheckboxInput","tag":"input","classes":["9696cc28-064a-c015-0b74-2de1218ae393"],"children":[],"data":{"attr":{"type":"checkbox","id":"checkbox","name":"checkbox","data-name":"Checkbox","checked":false,"required":false},"inputType":"custom","form":{"type":"checkbox-input","name":"Checkbox"}}},{"_id":"b0a49e81-7420-df14-4fff-61a7a2929fb1","type":"FormInlineLabel","tag":"label","classes":["8bf30db4-8553-9349-1952-b9441c271908"],"children":["b0a49e81-7420-df14-4fff-61a7a2929fb2"],"data":{"form":{"type":"checkbox-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"b0a49e81-7420-df14-4fff-61a7a2929fb2","text":true,"v":"Here's a checkbox"},{"_id":"5df639b1-10d7-d461-ed71-4a087b54c03b","type":"Link","tag":"a","classes":["954043fc-ae5a-6a50-adf7-4d3e378a0a5c"],"children":["5df639b1-10d7-d461-ed71-4a087b54c03c"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"forgot-password"}],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"5df639b1-10d7-d461-ed71-4a087b54c03c","text":true,"v":"Forgot password"},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8b6","type":"FormButton","tag":"input","classes":["23789647-cf52-3c4f-0711-0d1e2d6efbb3"],"children":[],"data":{"attr":{"type":"submit","value":"Sign in","data-wait":"Please wait..."},"form":{"type":"button","wait":"Please wait..."}}},{"_id":"a68b0017-c2b5-02fa-f685-80c2cc9de888","type":"Link","tag":"a","classes":["23789647-cf52-3c4f-0711-0d1e2d6efbb3","546c9b44-5787-6d4b-a9ff-9104e1c3343a"],"children":["b0dacfd7-49d6-789c-96be-efd476bcedd7","e6e844a6-8067-f2f7-34dc-6cac7b891dda"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"b0dacfd7-49d6-789c-96be-efd476bcedd7","type":"Image","tag":"img","classes":["866206c3-5fd8-b9d2-39ce-b5d68cd9c01f"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/64071b2eff03d911231e558e/640734f2e44f31501711cb80_google.svg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"640734f2e44f31501711cb80"}}},{"_id":"e6e844a6-8067-f2f7-34dc-6cac7b891dda","type":"Paragraph","tag":"p","classes":["0ffe03cb-7683-b816-f667-1ce9a1e7d761"],"children":["e6e844a6-8067-f2f7-34dc-6cac7b891ddb"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"e6e844a6-8067-f2f7-34dc-6cac7b891ddb","text":true,"v":"Sign in with Google"},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8b7","type":"FormSuccessMessage","tag":"div","classes":[],"children":["d792652f-29e8-8d52-4c91-d42cb6d1a8b8"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8b8","type":"Block","tag":"div","classes":[],"children":["d792652f-29e8-8d52-4c91-d42cb6d1a8b9"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8b9","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8ba","type":"FormErrorMessage","tag":"div","classes":[],"children":["d792652f-29e8-8d52-4c91-d42cb6d1a8bb"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8bb","type":"Block","tag":"div","classes":[],"children":["d792652f-29e8-8d52-4c91-d42cb6d1a8bc"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d792652f-29e8-8d52-4c91-d42cb6d1a8bc","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"cfb0d65b-c1ca-e86f-2fd9-d11ad56491da","type":"Paragraph","tag":"p","classes":["585665d5-1e15-b69e-53a7-bf75024a2b96","9dc29fcb-8658-a084-6292-78d9d8285902"],"children":["cfb0d65b-c1ca-e86f-2fd9-d11ad56491db","192e4331-6946-1b77-53d7-55e087afb0d2"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"cfb0d65b-c1ca-e86f-2fd9-d11ad56491db","text":true,"v":"Don't have an account? "},{"_id":"192e4331-6946-1b77-53d7-55e087afb0d2","type":"Link","tag":"a","classes":["bcff7211-2b6e-787b-bc06-912a89eab279","4d1536f8-08fb-dfbf-b0e3-d31f740003c7"],"children":["6a231a3c-137f-f2ae-efa8-b2f72ad74b51"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"6a231a3c-137f-f2ae-efa8-b2f72ad74b51","text":true,"v":"Sign up"},{"_id":"7e17daa8-c34b-a71c-c369-26271d8a6035","type":"Paragraph","tag":"p","classes":["585665d5-1e15-b69e-53a7-bf75024a2b96"],"children":["7e17daa8-c34b-a71c-c369-26271d8a6036"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"7e17daa8-c34b-a71c-c369-26271d8a6036","text":true,"v":"Template 2023"},{"_id":"c9547918-d9de-f4c1-4356-54780d465d1c","type":"Block","tag":"div","classes":["a6123dc9-93ed-0b8f-93d9-3dfcc3774101"],"children":["9fa54e69-8733-92ea-7142-058d17f3e279","f5bd5954-ff3c-8642-c3f5-362459a814e1"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9fa54e69-8733-92ea-7142-058d17f3e279","type":"Block","tag":"div","classes":["a89904bf-c72a-9b86-d2cf-9ac42e6d34c6"],"children":[],"data":{"tag":"div","text":false}},{"_id":"f5bd5954-ff3c-8642-c3f5-362459a814e1","type":"Image","tag":"img","classes":["2c1e1c34-c146-ee89-d898-fd9dcd7dd8c3"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/64071b2eff03d911231e558e/641ab368ff59245f91a6517a_pexels-jess-loiterton-4321802.jpg","loading":"lazy","width":"auto","height":"auto"},"img":{"id":"641ab368ff59245f91a6517a","sizes":[{"max":991,"size":"100vw"},{"max":10000,"size":"50vw"}]}}}],"styles":[{"_id":"ac6c7eee-86fa-950b-e5c5-669c7ec4c78b","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"display: flex; min-height: 100vh;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"a56e76f3-1bba-ea5c-029f-37dc8ad7185d","fake":false,"type":"class","name":"logo-link","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"2c1e1c34-c146-ee89-d898-fd9dcd7dd8c3","fake":false,"type":"class","name":"bg-image","namespace":"","comb":"","styleLess":"position: absolute; width: 100%; height: 100%;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"9eb237b8-a74b-56b3-91ae-f20afa4190a3","fake":false,"type":"class","name":"left-wrap","namespace":"","comb":"","styleLess":"width: 100%; max-width: 360px; align-self: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"6616955e-f3e5-8687-a99b-613f7a78c045","fake":false,"type":"class","name":"logo","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"ae3dd437-198f-b2d8-a040-ea53f3268f9a","fake":false,"type":"class","name":"form","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"e0171d73-2fb3-abd7-dcc0-346065ecf17c","fake":false,"type":"class","name":"section","namespace":"","comb":"","styleLess":"width: 100%; max-width: 1920px; margin-right: auto; margin-left: auto;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"585665d5-1e15-b69e-53a7-bf75024a2b96","fake":false,"type":"class","name":"p-normal","namespace":"","comb":"","styleLess":"color: #a2a6b1; font-weight: 400;","variants":{},"children":["9dc29fcb-8658-a084-6292-78d9d8285902"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"ff85d81b-f467-9f98-1b19-c05359d5bd72","fake":false,"type":"class","name":"form-flex","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 25px; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"9dc29fcb-8658-a084-6292-78d9d8285902","fake":false,"type":"class","name":"align-center","namespace":"","comb":"&","styleLess":"text-align: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"a89904bf-c72a-9b86-d2cf-9ac42e6d34c6","fake":false,"type":"class","name":"blur","namespace":"","comb":"","styleLess":"position: relative; z-index: 10; width: 100%; height: 100%; background-color: hsla(227.99999999999972, 26.32%, 96.27%, 0.20); backdrop-filter: blur(6px);","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"8bf30db4-8553-9349-1952-b9441c271908","fake":false,"type":"class","name":"chekbox-text","namespace":"","comb":"","styleLess":"color: #363e49; font-size: 13px; font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"2a9e1a56-c829-fb20-c155-a2711a3c5da8","fake":false,"type":"class","name":"field-input","namespace":"","comb":"","styleLess":"height: 45px; margin-bottom: 0px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(227.99999999999972, 6.02%, 83.73%, 1.00); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; transition-property: border-color; transition-duration: 200ms; transition-timing-function: ease;","variants":{"main_focus":{"styleLess":"border-top-color: hsla(213, 100.00%, 54.44%, 1.00); border-right-color: hsla(213, 100.00%, 54.44%, 1.00); border-bottom-color: hsla(213, 100.00%, 54.44%, 1.00); border-left-color: hsla(213, 100.00%, 54.44%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(213, 100.00%, 54.44%, 1.00); border-right-color: hsla(213, 100.00%, 54.44%, 1.00); border-bottom-color: hsla(213, 100.00%, 54.44%, 1.00); border-left-color: hsla(213, 100.00%, 54.44%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"a6123dc9-93ed-0b8f-93d9-3dfcc3774101","fake":false,"type":"class","name":"right","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 50%; flex-direction: column; justify-content: flex-end; align-items: center; background-color: #f3f4f8;","variants":{"medium":{"styleLess":"display: none;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"20a37368-140d-102e-4676-14461e1ffddb","fake":false,"type":"class","name":"field-label","namespace":"","comb":"","styleLess":"margin-bottom: 10px; font-size: 13px; font-weight: 500;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"0ffe03cb-7683-b816-f667-1ce9a1e7d761","fake":false,"type":"class","name":"button-text","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"23789647-cf52-3c4f-0711-0d1e2d6efbb3","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"width: 100%; height: 45px; margin-bottom: 15px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(213, 100.00%, 54.44%, 1.00); transition-property: background-color; transition-duration: 200ms; transition-timing-function: ease; color: hsla(221.99999999999997, 0.00%, 100.00%, 1.00); font-size: 16px;","variants":{"main_hover":{"styleLess":"background-color: hsla(258.6363636363636, 64.08%, 59.61%, 0.80);"}},"children":["546c9b44-5787-6d4b-a9ff-9104e1c3343a"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"bcff7211-2b6e-787b-bc06-912a89eab279","fake":false,"type":"class","name":"semi-bold","namespace":"","comb":"","styleLess":"font-weight: 600;","variants":{},"children":["4d1536f8-08fb-dfbf-b0e3-d31f740003c7"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"546c9b44-5787-6d4b-a9ff-9104e1c3343a","fake":false,"type":"class","name":"outline","namespace":"","comb":"&","styleLess":"display: flex; margin-bottom: 0px; justify-content: center; align-items: center; grid-column-gap: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(228.00000000000006, 6.85%, 85.69%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(228.00000000000006, 6.85%, 85.69%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(228.00000000000006, 6.85%, 85.69%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(228.00000000000006, 6.85%, 85.69%, 1.00); background-color: transparent; transition-property: transform, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: #39404a; text-decoration: none;","variants":{"main_hover":{"styleLess":"box-shadow: 0 4px 2px 0 hsla(0, 0.00%, 10.98%, 0.20); transform: translate(0px, -4px);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"6c329fe7-373b-a69b-bec5-5ff713acf969","fake":false,"type":"class","name":"left","namespace":"","comb":"","styleLess":"display: flex; width: 50%; padding-top: 35px; padding-right: 40px; padding-bottom: 35px; padding-left: 40px; flex-direction: column; justify-content: space-between;","variants":{"medium":{"styleLess":"width: 100%;"},"tiny":{"styleLess":"padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px;"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"2a98b8b0-fe61-2b3d-7184-7c90e69cb6d3","fake":false,"type":"class","name":"form-block","namespace":"","comb":"","styleLess":"margin-top: 40px; margin-bottom: 35px;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"3f1099bb-e645-8a5f-ce3c-54b4da34d4b1","fake":false,"type":"class","name":"field-wrapper","namespace":"","comb":"","styleLess":"margin-bottom: 20px;","variants":{},"children":["7a902327-a42d-b896-69ae-6da38a52de5a"],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"954043fc-ae5a-6a50-adf7-4d3e378a0a5c","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(258.6363636363636, 64.08%, 59.61%, 0.00);","variants":{"main_hover":{"styleLess":"border-bottom-color: hsla(213, 100.00%, 54.44%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"86b6d6d5-a24c-d511-a488-68db3c34e612","fake":false,"type":"class","name":"checkbox-wrap","namespace":"","comb":"","styleLess":"margin-bottom: 0px; align-items: center;","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"7a902327-a42d-b896-69ae-6da38a52de5a","fake":false,"type":"class","name":"top","namespace":"","comb":"&","styleLess":"margin-top: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"9696cc28-064a-c015-0b74-2de1218ae393","fake":false,"type":"class","name":"checkbox","namespace":"","comb":"","styleLess":"width: 16px; height: 16px; margin-top: 2px; margin-right: 7px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;","variants":{"main_redirected-checked":{"styleLess":"background-color: hsla(213, 100.00%, 54.44%, 1.00);"}},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"4d1536f8-08fb-dfbf-b0e3-d31f740003c7","fake":false,"type":"class","name":"link","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null},{"_id":"866206c3-5fd8-b9d2-39ce-b5d68cd9c01f","fake":false,"type":"class","name":"button-icon","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6356aadb7f30bc008e62587f","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/64071b2eff03d911231e558e/64072ccca1f0076a270b1f92_Logo.svg","siteId":"64071b2eff03d911231e558e","isHD":false,"fileName":"64072ccca1f0076a270b1f92_Logo.svg","createdOn":"2023-03-07T12:23:40.342Z","origFileName":"Logo.svg","fileHash":"e34e8c1860548916d99b5f603fbc8501","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64071b2eff03d911231e558e/64072ccca1f0076a270b1f92_Logo.svg","thumbUrl":"https://cdn.prod.website-files.com/64071b2eff03d911231e558e/64072ccca1f0076a270b1f92_Logo.svg","_id":"64072ccca1f0076a270b1f92","updatedOn":"2023-03-07T12:23:40.342Z","fileSize":9753},{"cdnUrl":"https://cdn.prod.website-files.com/64071b2eff03d911231e558e/640734f2e44f31501711cb80_google.svg","siteId":"64071b2eff03d911231e558e","isHD":false,"fileName":"640734f2e44f31501711cb80_google.svg","createdOn":"2023-03-07T12:58:26.852Z","origFileName":"google.svg","fileHash":"d2db124d824335fc0feb59c6fbf27abc","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64071b2eff03d911231e558e/640734f2e44f31501711cb80_google.svg","thumbUrl":"https://cdn.prod.website-files.com/64071b2eff03d911231e558e/640734f2e44f31501711cb80_google.svg","_id":"640734f2e44f31501711cb80","updatedOn":"2023-03-07T12:58:26.852Z","fileSize":1366},{"cdnUrl":"https://cdn.prod.website-files.com/64071b2eff03d911231e558e/641ab368ff59245f91a6517a_pexels-jess-loiterton-4321802.jpg","siteId":"64071b2eff03d911231e558e","width":1920,"isHD":false,"height":2400,"fileName":"641ab368ff59245f91a6517a_pexels-jess-loiterton-4321802.jpg","createdOn":"2023-03-22T07:51:04.069Z","origFileName":"pexels-jess-loiterton-4321802.jpg","fileHash":"8de2dcbac0e03fd892bea21d839095a3","variants":[],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/64071b2eff03d911231e558e/641ab368ff59245f91a6517a_pexels-jess-loiterton-4321802.jpg","thumbUrl":"https://cdn.prod.website-files.com/64071b2eff03d911231e558e/641ab368ff59245f91a6517a_pexels-jess-loiterton-4321802-p-130x130q80.jpg","_id":"641ab368ff59245f91a6517a","updatedOn":"2023-03-22T07:51:12.355Z","fileSize":1037974}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"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 features two modern forms designed for user authentication, including login and signup options, seamlessly integrated with Memberstack and Google Auth.
Key Features:
- Responsive splitscreen layout
- Integration with Memberstack for user management
- Google authentication option
- Customizable form fields
- Success and error message handling
Design Elements:
- Clean and modern aesthetic
- Flexible layout with a left and right section
- Use of images and logos for branding
- Soft color palette with a focus on usability
- Hover effects on buttons for enhanced interactivity
Potential Use Cases:
- Web applications requiring user authentication
- E-commerce platforms needing secure login/signup
- Membership sites utilizing Memberstack
- SaaS products looking for streamlined user onboarding
- Blogs or content sites that require user registration
Conclusion: The Modern Login Splitscreen component is a versatile and visually appealing solution for any website needing user authentication, making it an excellent choice for various online platforms.
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.