Loading Component...

Loading

More Components

View All
Sign up #1
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e1","type":"FormWrapper","tag":"div","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914d"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653e2","6f65e0eb-5fa5-ca8a-8478-26a9ba2653f3","6f65e0eb-5fa5-ca8a-8478-26a9ba2653f6"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e2","type":"FormForm","tag":"form","classes":["d5e0fb65-f3cc-6e57-0683-970f78a3afa6"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653de","6f65e0eb-5fa5-ca8a-8478-26a9ba2653e3","6f65e0eb-5fa5-ca8a-8478-26a9ba2653e5","6f65e0eb-5fa5-ca8a-8478-26a9ba2653e7","6f65e0eb-5fa5-ca8a-8478-26a9ba2653ea","6f65e0eb-5fa5-ca8a-8478-26a9ba2653ec","6f65e0eb-5fa5-ca8a-8478-26a9ba2653ed","6f65e0eb-5fa5-ca8a-8478-26a9ba2653ef","6f65e0eb-5fa5-ca8a-8478-26a9ba2653f0","6f65e0eb-5fa5-ca8a-8478-26a9ba2653f1"],"data":{"attr":{"id":"sign-up","name":"wf-form-Sign-up-Form","data-name":"Sign up Form","method":"post","redirect":"","data-redirect":"","action":""},"form":{"type":"form","name":"Sign up Form"},"xattr":[{"name":"data-ms-form","value":"signup"}],"search":{"exclude":false},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653de","type":"Heading","tag":"h1","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9151"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653df"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653df","text":true,"v":"Sign up to get started"},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e3","type":"FormBlockLabel","tag":"label","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914f"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653e4"],"data":{"form":{"type":"label"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e4","text":true,"v":"First Name"},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e5","type":"FormBlockLabel","tag":"label","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914f","1f8564d6-2a35-1151-656b-9c2fc19e915d"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653e6"],"data":{"form":{"type":"label"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e6","text":true,"v":"Last Name"},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e7","type":"Block","tag":"div","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9155"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653e8","6f65e0eb-5fa5-ca8a-8478-26a9ba2653e9"],"data":{"tag":"div","text":false,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e8","type":"FormTextInput","tag":"input","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9150","1f8564d6-2a35-1151-656b-9c2fc19e915c"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"firstName","data-name":"First Name","placeholder":"First name","type":"text","id":"firstName","disabled":false,"required":true},"form":{"type":"input","name":"First Name","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"first-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653e9","type":"FormTextInput","tag":"input","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9150","1f8564d6-2a35-1151-656b-9c2fc19e915e"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"lastName","data-name":"Last Name","placeholder":"Last name","type":"text","id":"lastName","disabled":false,"required":true},"form":{"type":"input","name":"Last Name","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"last-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653ea","type":"FormBlockLabel","tag":"label","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914f"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653eb"],"data":{"form":{"type":"label"},"attr":{"for":"field","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653eb","text":true,"v":"Email"},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653ec","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":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653ed","type":"FormBlockLabel","tag":"label","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914f"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653ee"],"data":{"form":{"type":"label"},"attr":{"for":"password","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653ee","text":true,"v":"Password"},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653ef","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":"password","disabled":false,"required":true},"form":{"type":"input","name":"Password","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f0","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":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f1","type":"Link","tag":"a","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9152"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653f2"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f2","text":true,"v":"I already have an account"},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f3","type":"FormSuccessMessage","tag":"div","classes":[],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653f4"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f4","type":"Block","tag":"div","classes":[],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653f5"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f5","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f6","type":"FormErrorMessage","tag":"div","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9158"],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653f7"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f7","type":"Block","tag":"div","classes":[],"children":["6f65e0eb-5fa5-ca8a-8478-26a9ba2653f8"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6f65e0eb-5fa5-ca8a-8478-26a9ba2653f8","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9155","fake":false,"type":"class","name":"Sign Up Field Wrapper","namespace":"","comb":"","styleLess":"display: flex;","variants":{},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e915c","fake":false,"type":"class","name":"First Name Field","namespace":"","comb":"&","styleLess":"border-top-right-radius: 0px; border-bottom-right-radius: 0px;","variants":{},"children":[],"selector":null},{"_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-9c2fc19e915e","fake":false,"type":"class","name":"Last Name Field","namespace":"","comb":"&","styleLess":"margin-left: -1px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;","variants":{},"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-9c2fc19e915d","fake":false,"type":"class","name":"last name label","namespace":"","comb":"&","styleLess":"margin-left: 50%;","variants":{},"children":[],"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}}

More Signup Components

View All

More #1 - Light Template Components

View All