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":"6e9fff0b-5fec-014e-016d-30191a1af3dd","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc492e","7cea1562-40dc-47d2-77f1-844785fc4933"],"children":["6e9fff0b-5fec-014e-016d-30191a1af3de","6e9fff0b-5fec-014e-016d-30191a1af3df","6e9fff0b-5fec-014e-016d-30191a1af3e1","6e9fff0b-5fec-014e-016d-30191a1af3fe"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3de","type":"Image","tag":"img","classes":["dbaa66c7-3ed8-3466-4040-5c57e093d733"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/630822b47fe043071cda453c/6317eb825ce0f9a78a4860f4_Frame%2075%20(2).svg","loading":"lazy","width":"auto","height":"auto","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"img":{"id":"6317eb825ce0f9a78a4860f4"}}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3df","type":"Heading","tag":"h1","classes":["f3f0298a-790a-a796-8201-d7bf1e8bf19e"],"children":["6e9fff0b-5fec-014e-016d-30191a1af3e0"],"data":{"tag":"h1","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3e0","text":true,"v":"Create an account"},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3e1","type":"FormWrapper","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4929"],"children":["6e9fff0b-5fec-014e-016d-30191a1af3e2","6e9fff0b-5fec-014e-016d-30191a1af3f8","6e9fff0b-5fec-014e-016d-30191a1af3fb"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3e2","type":"FormForm","tag":"form","classes":["7cea1562-40dc-47d2-77f1-844785fc4924"],"children":["6e9fff0b-5fec-014e-016d-30191a1af3e3","6e9fff0b-5fec-014e-016d-30191a1af3e4","1635a795-356e-8be9-f39e-2ad428e1d827","2e521ae5-3294-d7fe-2ca5-f45112219b8d","6e9fff0b-5fec-014e-016d-30191a1af3e8","6e9fff0b-5fec-014e-016d-30191a1af3f3","6e9fff0b-5fec-014e-016d-30191a1af3f4","64900f19-1192-c160-4099-03c81c61b57d"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"signup"}],"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3e3","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4921"],"children":[],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3e4","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4927"],"children":["6e9fff0b-5fec-014e-016d-30191a1af3e5","6e9fff0b-5fec-014e-016d-30191a1af3e7"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3e5","type":"FormBlockLabel","tag":"label","classes":["7cea1562-40dc-47d2-77f1-844785fc492f"],"children":["6e9fff0b-5fec-014e-016d-30191a1af3e6"],"data":{"form":{"type":"label"},"attr":{"for":"First-Name","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3e6","text":true,"v":"First Name"},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3e7","type":"FormTextInput","tag":"input","classes":["7cea1562-40dc-47d2-77f1-844785fc492a"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"First-Name","data-name":"First Name","placeholder":"John","type":"text","id":"First-Name","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"first-name"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"First Name","type":"input","passwordPage":false}}},{"_id":"1635a795-356e-8be9-f39e-2ad428e1d827","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4927"],"children":["1635a795-356e-8be9-f39e-2ad428e1d828","1635a795-356e-8be9-f39e-2ad428e1d82a"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1635a795-356e-8be9-f39e-2ad428e1d828","type":"FormBlockLabel","tag":"label","classes":["7cea1562-40dc-47d2-77f1-844785fc492f"],"children":["1635a795-356e-8be9-f39e-2ad428e1d829"],"data":{"form":{"type":"label"},"attr":{"for":"Last-Name","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1635a795-356e-8be9-f39e-2ad428e1d829","text":true,"v":"Last Name"},{"_id":"1635a795-356e-8be9-f39e-2ad428e1d82a","type":"FormTextInput","tag":"input","classes":["7cea1562-40dc-47d2-77f1-844785fc492a"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Last-Name","data-name":"Last Name","placeholder":"Doe","type":"text","id":"Last-Name","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"last-name"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Last Name","type":"input","passwordPage":false}}},{"_id":"2e521ae5-3294-d7fe-2ca5-f45112219b8d","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4927"],"children":["2e521ae5-3294-d7fe-2ca5-f45112219b8e","2e521ae5-3294-d7fe-2ca5-f45112219b90"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"2e521ae5-3294-d7fe-2ca5-f45112219b8e","type":"FormBlockLabel","tag":"label","classes":["7cea1562-40dc-47d2-77f1-844785fc492f"],"children":["2e521ae5-3294-d7fe-2ca5-f45112219b8f"],"data":{"form":{"type":"label"},"attr":{"for":"Email-2","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"2e521ae5-3294-d7fe-2ca5-f45112219b8f","text":true,"v":"Email"},{"_id":"2e521ae5-3294-d7fe-2ca5-f45112219b90","type":"FormTextInput","tag":"input","classes":["7cea1562-40dc-47d2-77f1-844785fc492a"],"children":[],"data":{"form":{"name":"Email 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email-2","data-name":"Email 2","placeholder":"youremail@example.com","type":"email","id":"Email-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3e8","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4927"],"children":["6e9fff0b-5fec-014e-016d-30191a1af3e9","6e9fff0b-5fec-014e-016d-30191a1af3eb","6e9fff0b-5fec-014e-016d-30191a1af3ec","6e9fff0b-5fec-014e-016d-30191a1af3ed","6e9fff0b-5fec-014e-016d-30191a1af3f2"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3e9","type":"FormBlockLabel","tag":"label","classes":["7cea1562-40dc-47d2-77f1-844785fc492f"],"children":["6e9fff0b-5fec-014e-016d-30191a1af3ea"],"data":{"form":{"type":"label"},"attr":{"for":"password","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3ea","text":true,"v":"Password"},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3eb","type":"FormTextInput","tag":"input","classes":["7cea1562-40dc-47d2-77f1-844785fc492a"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"","type":"password","id":"password","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Password","type":"input","passwordPage":false}}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3ec","type":"Block","tag":"div","classes":["8daab61c-8efd-7903-27da-f25e1099006b"],"children":[],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3ed","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4926"],"children":[],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3f2","type":"Block","tag":"div","classes":["8daab61c-8efd-7903-27da-f25e10990081"],"children":[],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3f3","type":"Block","tag":"div","classes":["8daab61c-8efd-7903-27da-f25e1099006b"],"children":[],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3f4","type":"Block","tag":"div","classes":["f6de461f-e271-c996-8ee0-fff19aa8a62f","33223fad-dcfb-fe9c-8e6c-23791cf93482","c700776c-1bb8-61a4-b0cb-e292b38a8129","bc514d66-b5f4-07c1-ff3c-af8012673aee"],"children":["6e9fff0b-5fec-014e-016d-30191a1af3f5","6e9fff0b-5fec-014e-016d-30191a1af3f7"],"data":{"tag":"div","xattr":[],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3f5","type":"Paragraph","tag":"p","classes":[],"children":["6e9fff0b-5fec-014e-016d-30191a1af3f6"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3f6","text":true,"v":"Sign Up"},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3f7","type":"Image","tag":"img","classes":["5b9c2453-a672-688c-e12d-9caf337f2bbf"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/630822b47fe043071cda453c/6317e4cdc179cc87445bee55_Frame%201%20(11).svg","loading":"lazy","width":"auto","height":"auto","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"img":{"id":"6317e4cdc179cc87445bee55"}}},{"_id":"64900f19-1192-c160-4099-03c81c61b57d","type":"FormButton","tag":"input","classes":["56dd8ae0-54a1-5727-7219-edc1e24d03c9"],"children":[],"data":{"attr":{"type":"submit","value":"Submit","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3f8","type":"FormSuccessMessage","tag":"div","classes":[],"children":["6e9fff0b-5fec-014e-016d-30191a1af3f9"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3f9","type":"Block","tag":"div","classes":[],"children":["6e9fff0b-5fec-014e-016d-30191a1af3fa"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3fa","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3fb","type":"FormErrorMessage","tag":"div","classes":[],"children":["6e9fff0b-5fec-014e-016d-30191a1af3fc"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3fc","type":"Block","tag":"div","classes":[],"children":["6e9fff0b-5fec-014e-016d-30191a1af3fd"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3fd","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3fe","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4923"],"children":["6e9fff0b-5fec-014e-016d-30191a1af3ff","6e9fff0b-5fec-014e-016d-30191a1af400"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3ff","text":true,"v":"Have an account? "},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af400","type":"Link","tag":"a","classes":["7cea1562-40dc-47d2-77f1-844785fc4928"],"children":["6e9fff0b-5fec-014e-016d-30191a1af401"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af401","text":true,"v":"Log In"}],"styles":[{"_id":"33223fad-dcfb-fe9c-8e6c-23791cf93482","fake":false,"type":"class","name":"yellow-grad","namespace":"","comb":"&","styleLess":"border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; color: #c54610;","variants":{},"children":["c700776c-1bb8-61a4-b0cb-e292b38a8129","39b3f7d4-d958-e81e-9999-9faa495a0216","6f087453-8088-b9ff-81d0-f1db8e0120e0","1566076d-78c5-b0c5-1d96-7b1604a08e69"],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"8daab61c-8efd-7903-27da-f25e1099006b","fake":false,"type":"class","name":"spacer-xs","namespace":"","comb":"","styleLess":"width: 100%; height: 3px;","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"c700776c-1bb8-61a4-b0cb-e292b38a8129","fake":false,"type":"class","name":"even","namespace":"","comb":"&","styleLess":"","variants":{},"children":["bc514d66-b5f4-07c1-ff3c-af8012673aee","e9abdaae-d950-423c-9823-4fbbef620955","54fbcaa3-bab5-3e93-e664-9c4bd7a955c2"],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc492f","fake":false,"type":"class","name":"input-label","namespace":"","comb":"","styleLess":"position: relative; left: 6px; bottom: -7px; z-index: 2; display: inline-block; margin-bottom: 0px; padding-right: 7px; padding-left: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: hsla(243, 0.00%, 100.00%, 1.00); color: hsla(223.52941176470588, 62.96%, 15.88%, 0.50); font-size: 13.5px; line-height: 15px; font-weight: 600;","variants":{},"children":[],"selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc4926","fake":false,"type":"class","name":"forgot-pw-wrap","namespace":"","comb":"","styleLess":"display: flex; width: 100%; justify-content: flex-end;","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"56dd8ae0-54a1-5727-7219-edc1e24d03c9","fake":false,"type":"class","name":"hidden-trigger-button","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc492a","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 48px; margin-bottom: 0px; padding-top: 10px; padding-left: 18px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 3px 6px -2px hsla(261, 97.36%, 15.88%, 0.10); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(43.261802575107296, 100.00%, 45.69%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(43.261802575107296, 100.00%, 45.69%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(43.261802575107296, 100.00%, 45.69%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(43.261802575107296, 100.00%, 45.69%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: none /* 0 1px 2px 0 hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":[],"selector":null},{"_id":"f3f0298a-790a-a796-8201-d7bf1e8bf19e","fake":false,"type":"class","name":"form-heading","namespace":"","comb":"","styleLess":"display: block; width: 100%; align-items: center; color: hsla(223.52941176470588, 62.96%, 15.88%, 0.75); font-size: 20px; text-align: center;","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc4927","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 12px; flex-direction: column; align-items: flex-start;","variants":{},"children":["8e0242de-6805-f774-46ff-103af918c882"],"selector":null},{"_id":"5b9c2453-a672-688c-e12d-9caf337f2bbf","fake":false,"type":"class","name":"form-button-img","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 8px; right: 10px; bottom: auto; display: block;","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc4929","fake":false,"type":"class","name":"form-block-box","namespace":"","comb":"","styleLess":"width: 100%; margin-top: 15px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"bc514d66-b5f4-07c1-ff3c-af8012673aee","fake":false,"type":"class","name":"trigger-button","namespace":"","comb":"&","styleLess":"","variants":{},"children":["43187875-acae-d4bf-afe3-2627cab8824c"],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc4928","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"color: hsla(43.261802575107296, 100.00%, 45.69%, 1.00); font-weight: 500; text-decoration: none;","variants":{"main_hover":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"selector":null},{"_id":"dbaa66c7-3ed8-3466-4040-5c57e093d733","fake":false,"type":"class","name":"form-box-top-icon","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0px; bottom: auto; margin-right: auto; margin-left: auto; transform: translate(0px, -50%);","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"f6de461f-e271-c996-8ee0-fff19aa8a62f","fake":false,"type":"class","name":"btn","namespace":"","comb":"","styleLess":"position: relative; display: flex; height: 50px; padding-right: 10px; padding-left: 30px; justify-content: center; align-items: center; grid-column-gap: 10px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; transition-property: all; transition-duration: 200ms; transition-timing-function: ease; font-size: 14px; font-weight: 600; text-decoration: none;","variants":{"main_hover":{"styleLess":"transform: translate(0px, -2px);"},"small":{"styleLess":"padding-left: 15px;"}},"children":["33223fad-dcfb-fe9c-8e6c-23791cf93482","85f42ea4-9a13-bfa8-d104-fc06ffc0494b","4988b665-236f-c7fe-3434-e6a00f9d2ed6","140a4efc-2c64-ea79-0e39-b732508c35e5","7ccea177-6699-2b83-6f61-00c8cbf60aa5","46b7cfec-dfec-1329-2439-74f78c3ab16e"],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc4921","fake":false,"type":"class","name":"flex-row-outer","namespace":"","comb":"","styleLess":"display: flex; width: 100%; justify-content: space-between; align-items: center;","variants":{"small":{"styleLess":"flex-direction: column;"}},"children":[],"selector":null},{"_id":"8daab61c-8efd-7903-27da-f25e10990081","fake":false,"type":"class","name":"spacer-xl","namespace":"","comb":"","styleLess":"height: 30px;","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc4933","fake":false,"type":"class","name":"box","namespace":"","comb":"&","styleLess":"padding-top: 50px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; align-items: flex-start; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(0, 0.00%, 100.00%, 1.00); text-align: left;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc4924","fake":false,"type":"class","name":"form-container","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 20px; padding-top: 10px; flex-direction: column; justify-content: space-between; flex-wrap: wrap; text-align: left;","variants":{},"children":[],"selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc4923","fake":false,"type":"class","name":"faint-text","namespace":"","comb":"","styleLess":"display: flex; width: 100%; justify-content: center; align-items: center; grid-column-gap: 3px; color: hsla(223.52941176470588, 62.96%, 15.88%, 0.50); font-weight: 500; text-align: center;","variants":{},"children":["d9312802-69cd-fe54-83b0-ebdfc48a3d9f"],"selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc492e","fake":false,"type":"class","name":"form-wrapper","namespace":"","comb":"","styleLess":"position: relative; z-index: 50; display: flex; overflow: visible; width: 100%; max-width: 400px; padding-right: 0px; padding-left: 0px; flex-direction: column; justify-content: center; align-items: stretch;","variants":{},"children":["7cea1562-40dc-47d2-77f1-844785fc4933"],"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/630822b47fe043071cda453c/6317eb825ce0f9a78a4860f4_Frame%2075%20(2).svg","siteId":"630822b47fe043071cda453c","isHD":false,"fileName":"6317eb825ce0f9a78a4860f4_Frame 75 (2).svg","createdOn":"2022-09-07T00:53:22.778Z","origFileName":"Frame 75 (2).svg","fileHash":"322e0c967d52d69bec105161523027ee","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/630822b47fe043071cda453c/6317eb825ce0f9a78a4860f4_Frame%2075%20(2).svg","thumbUrl":"https://cdn.prod.website-files.com/630822b47fe043071cda453c/6317eb825ce0f9a78a4860f4_Frame%2075%20(2).svg","_id":"6317eb825ce0f9a78a4860f4","updatedOn":"2022-09-07T00:53:22.778Z","fileSize":971},{"cdnUrl":"https://cdn.prod.website-files.com/630822b47fe043071cda453c/6317e4cdc179cc87445bee55_Frame%201%20(11).svg","siteId":"630822b47fe043071cda453c","isHD":false,"fileName":"6317e4cdc179cc87445bee55_Frame 1 (11).svg","createdOn":"2022-09-07T00:24:45.433Z","origFileName":"Frame 1 (11).svg","fileHash":"71cf4f2731262ff198a3f496b30f7cb4","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/630822b47fe043071cda453c/6317e4cdc179cc87445bee55_Frame%201%20(11).svg","thumbUrl":"https://cdn.prod.website-files.com/630822b47fe043071cda453c/6317e4cdc179cc87445bee55_Frame%201%20(11).svg","_id":"6317e4cdc179cc87445bee55","updatedOn":"2022-09-07T00:24:45.433Z","fileSize":1612}],"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":"6e9fff0b-5fec-014e-016d-30191a1af3dd","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc492e","7cea1562-40dc-47d2-77f1-844785fc4933"],"children":["6e9fff0b-5fec-014e-016d-30191a1af3de","6e9fff0b-5fec-014e-016d-30191a1af3df","6e9fff0b-5fec-014e-016d-30191a1af3e1","6e9fff0b-5fec-014e-016d-30191a1af3fe"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3de","type":"Image","tag":"img","classes":["dbaa66c7-3ed8-3466-4040-5c57e093d733"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/630822b47fe043071cda453c/6317eb825ce0f9a78a4860f4_Frame%2075%20(2).svg","loading":"lazy","width":"auto","height":"auto","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"img":{"id":"6317eb825ce0f9a78a4860f4"}}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3df","type":"Heading","tag":"h1","classes":["f3f0298a-790a-a796-8201-d7bf1e8bf19e"],"children":["6e9fff0b-5fec-014e-016d-30191a1af3e0"],"data":{"tag":"h1","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3e0","text":true,"v":"Create an account"},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3e1","type":"FormWrapper","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4929"],"children":["6e9fff0b-5fec-014e-016d-30191a1af3e2","6e9fff0b-5fec-014e-016d-30191a1af3f8","6e9fff0b-5fec-014e-016d-30191a1af3fb"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3e2","type":"FormForm","tag":"form","classes":["7cea1562-40dc-47d2-77f1-844785fc4924"],"children":["6e9fff0b-5fec-014e-016d-30191a1af3e3","6e9fff0b-5fec-014e-016d-30191a1af3e4","1635a795-356e-8be9-f39e-2ad428e1d827","2e521ae5-3294-d7fe-2ca5-f45112219b8d","6e9fff0b-5fec-014e-016d-30191a1af3e8","6e9fff0b-5fec-014e-016d-30191a1af3f3","6e9fff0b-5fec-014e-016d-30191a1af3f4","64900f19-1192-c160-4099-03c81c61b57d"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"signup"}],"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3e3","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4921"],"children":[],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3e4","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4927"],"children":["6e9fff0b-5fec-014e-016d-30191a1af3e5","6e9fff0b-5fec-014e-016d-30191a1af3e7"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3e5","type":"FormBlockLabel","tag":"label","classes":["7cea1562-40dc-47d2-77f1-844785fc492f"],"children":["6e9fff0b-5fec-014e-016d-30191a1af3e6"],"data":{"form":{"type":"label"},"attr":{"for":"First-Name","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3e6","text":true,"v":"First Name"},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3e7","type":"FormTextInput","tag":"input","classes":["7cea1562-40dc-47d2-77f1-844785fc492a"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"First-Name","data-name":"First Name","placeholder":"John","type":"text","id":"First-Name","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"first-name"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"First Name","type":"input","passwordPage":false}}},{"_id":"1635a795-356e-8be9-f39e-2ad428e1d827","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4927"],"children":["1635a795-356e-8be9-f39e-2ad428e1d828","1635a795-356e-8be9-f39e-2ad428e1d82a"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1635a795-356e-8be9-f39e-2ad428e1d828","type":"FormBlockLabel","tag":"label","classes":["7cea1562-40dc-47d2-77f1-844785fc492f"],"children":["1635a795-356e-8be9-f39e-2ad428e1d829"],"data":{"form":{"type":"label"},"attr":{"for":"Last-Name","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"1635a795-356e-8be9-f39e-2ad428e1d829","text":true,"v":"Last Name"},{"_id":"1635a795-356e-8be9-f39e-2ad428e1d82a","type":"FormTextInput","tag":"input","classes":["7cea1562-40dc-47d2-77f1-844785fc492a"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Last-Name","data-name":"Last Name","placeholder":"Doe","type":"text","id":"Last-Name","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"last-name"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Last Name","type":"input","passwordPage":false}}},{"_id":"2e521ae5-3294-d7fe-2ca5-f45112219b8d","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4927"],"children":["2e521ae5-3294-d7fe-2ca5-f45112219b8e","2e521ae5-3294-d7fe-2ca5-f45112219b90"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"2e521ae5-3294-d7fe-2ca5-f45112219b8e","type":"FormBlockLabel","tag":"label","classes":["7cea1562-40dc-47d2-77f1-844785fc492f"],"children":["2e521ae5-3294-d7fe-2ca5-f45112219b8f"],"data":{"form":{"type":"label"},"attr":{"for":"Email-2","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"2e521ae5-3294-d7fe-2ca5-f45112219b8f","text":true,"v":"Email"},{"_id":"2e521ae5-3294-d7fe-2ca5-f45112219b90","type":"FormTextInput","tag":"input","classes":["7cea1562-40dc-47d2-77f1-844785fc492a"],"children":[],"data":{"form":{"name":"Email 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email-2","data-name":"Email 2","placeholder":"youremail@example.com","type":"email","id":"Email-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3e8","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4927"],"children":["6e9fff0b-5fec-014e-016d-30191a1af3e9","6e9fff0b-5fec-014e-016d-30191a1af3eb","6e9fff0b-5fec-014e-016d-30191a1af3ec","6e9fff0b-5fec-014e-016d-30191a1af3ed","6e9fff0b-5fec-014e-016d-30191a1af3f2"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3e9","type":"FormBlockLabel","tag":"label","classes":["7cea1562-40dc-47d2-77f1-844785fc492f"],"children":["6e9fff0b-5fec-014e-016d-30191a1af3ea"],"data":{"form":{"type":"label"},"attr":{"for":"password","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3ea","text":true,"v":"Password"},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3eb","type":"FormTextInput","tag":"input","classes":["7cea1562-40dc-47d2-77f1-844785fc492a"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Password","data-name":"Password","placeholder":"","type":"password","id":"password","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Password","type":"input","passwordPage":false}}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3ec","type":"Block","tag":"div","classes":["8daab61c-8efd-7903-27da-f25e1099006b"],"children":[],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3ed","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4926"],"children":[],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3f2","type":"Block","tag":"div","classes":["8daab61c-8efd-7903-27da-f25e10990081"],"children":[],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3f3","type":"Block","tag":"div","classes":["8daab61c-8efd-7903-27da-f25e1099006b"],"children":[],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3f4","type":"Block","tag":"div","classes":["f6de461f-e271-c996-8ee0-fff19aa8a62f","33223fad-dcfb-fe9c-8e6c-23791cf93482","c700776c-1bb8-61a4-b0cb-e292b38a8129","bc514d66-b5f4-07c1-ff3c-af8012673aee"],"children":["6e9fff0b-5fec-014e-016d-30191a1af3f5","6e9fff0b-5fec-014e-016d-30191a1af3f7"],"data":{"tag":"div","xattr":[],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3f5","type":"Paragraph","tag":"p","classes":[],"children":["6e9fff0b-5fec-014e-016d-30191a1af3f6"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3f6","text":true,"v":"Sign Up"},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3f7","type":"Image","tag":"img","classes":["5b9c2453-a672-688c-e12d-9caf337f2bbf"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/630822b47fe043071cda453c/6317e4cdc179cc87445bee55_Frame%201%20(11).svg","loading":"lazy","width":"auto","height":"auto","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"img":{"id":"6317e4cdc179cc87445bee55"}}},{"_id":"64900f19-1192-c160-4099-03c81c61b57d","type":"FormButton","tag":"input","classes":["56dd8ae0-54a1-5727-7219-edc1e24d03c9"],"children":[],"data":{"attr":{"type":"submit","value":"Submit","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3f8","type":"FormSuccessMessage","tag":"div","classes":[],"children":["6e9fff0b-5fec-014e-016d-30191a1af3f9"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3f9","type":"Block","tag":"div","classes":[],"children":["6e9fff0b-5fec-014e-016d-30191a1af3fa"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3fa","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3fb","type":"FormErrorMessage","tag":"div","classes":[],"children":["6e9fff0b-5fec-014e-016d-30191a1af3fc"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3fc","type":"Block","tag":"div","classes":[],"children":["6e9fff0b-5fec-014e-016d-30191a1af3fd"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3fd","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3fe","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4923"],"children":["6e9fff0b-5fec-014e-016d-30191a1af3ff","6e9fff0b-5fec-014e-016d-30191a1af400"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af3ff","text":true,"v":"Have an account? "},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af400","type":"Link","tag":"a","classes":["7cea1562-40dc-47d2-77f1-844785fc4928"],"children":["6e9fff0b-5fec-014e-016d-30191a1af401"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"6e9fff0b-5fec-014e-016d-30191a1af401","text":true,"v":"Log In"}],"styles":[{"_id":"33223fad-dcfb-fe9c-8e6c-23791cf93482","fake":false,"type":"class","name":"yellow-grad","namespace":"","comb":"&","styleLess":"border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; color: #c54610;","variants":{},"children":["c700776c-1bb8-61a4-b0cb-e292b38a8129","39b3f7d4-d958-e81e-9999-9faa495a0216","6f087453-8088-b9ff-81d0-f1db8e0120e0","1566076d-78c5-b0c5-1d96-7b1604a08e69"],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"8daab61c-8efd-7903-27da-f25e1099006b","fake":false,"type":"class","name":"spacer-xs","namespace":"","comb":"","styleLess":"width: 100%; height: 3px;","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"c700776c-1bb8-61a4-b0cb-e292b38a8129","fake":false,"type":"class","name":"even","namespace":"","comb":"&","styleLess":"","variants":{},"children":["bc514d66-b5f4-07c1-ff3c-af8012673aee","e9abdaae-d950-423c-9823-4fbbef620955","54fbcaa3-bab5-3e93-e664-9c4bd7a955c2"],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc492f","fake":false,"type":"class","name":"input-label","namespace":"","comb":"","styleLess":"position: relative; left: 6px; bottom: -7px; z-index: 2; display: inline-block; margin-bottom: 0px; padding-right: 7px; padding-left: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: hsla(243, 0.00%, 100.00%, 1.00); color: hsla(223.52941176470588, 62.96%, 15.88%, 0.50); font-size: 13.5px; line-height: 15px; font-weight: 600;","variants":{},"children":[],"selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc4926","fake":false,"type":"class","name":"forgot-pw-wrap","namespace":"","comb":"","styleLess":"display: flex; width: 100%; justify-content: flex-end;","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"56dd8ae0-54a1-5727-7219-edc1e24d03c9","fake":false,"type":"class","name":"hidden-trigger-button","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc492a","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 48px; margin-bottom: 0px; padding-top: 10px; padding-left: 18px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 3px 6px -2px hsla(261, 97.36%, 15.88%, 0.10); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(43.261802575107296, 100.00%, 45.69%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(43.261802575107296, 100.00%, 45.69%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(43.261802575107296, 100.00%, 45.69%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(43.261802575107296, 100.00%, 45.69%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: none /* 0 1px 2px 0 hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":[],"selector":null},{"_id":"f3f0298a-790a-a796-8201-d7bf1e8bf19e","fake":false,"type":"class","name":"form-heading","namespace":"","comb":"","styleLess":"display: block; width: 100%; align-items: center; color: hsla(223.52941176470588, 62.96%, 15.88%, 0.75); font-size: 20px; text-align: center;","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc4927","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 12px; flex-direction: column; align-items: flex-start;","variants":{},"children":["8e0242de-6805-f774-46ff-103af918c882"],"selector":null},{"_id":"5b9c2453-a672-688c-e12d-9caf337f2bbf","fake":false,"type":"class","name":"form-button-img","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 8px; right: 10px; bottom: auto; display: block;","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc4929","fake":false,"type":"class","name":"form-block-box","namespace":"","comb":"","styleLess":"width: 100%; margin-top: 15px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"bc514d66-b5f4-07c1-ff3c-af8012673aee","fake":false,"type":"class","name":"trigger-button","namespace":"","comb":"&","styleLess":"","variants":{},"children":["43187875-acae-d4bf-afe3-2627cab8824c"],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc4928","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"color: hsla(43.261802575107296, 100.00%, 45.69%, 1.00); font-weight: 500; text-decoration: none;","variants":{"main_hover":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"selector":null},{"_id":"dbaa66c7-3ed8-3466-4040-5c57e093d733","fake":false,"type":"class","name":"form-box-top-icon","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0px; bottom: auto; margin-right: auto; margin-left: auto; transform: translate(0px, -50%);","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"f6de461f-e271-c996-8ee0-fff19aa8a62f","fake":false,"type":"class","name":"btn","namespace":"","comb":"","styleLess":"position: relative; display: flex; height: 50px; padding-right: 10px; padding-left: 30px; justify-content: center; align-items: center; grid-column-gap: 10px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; transition-property: all; transition-duration: 200ms; transition-timing-function: ease; font-size: 14px; font-weight: 600; text-decoration: none;","variants":{"main_hover":{"styleLess":"transform: translate(0px, -2px);"},"small":{"styleLess":"padding-left: 15px;"}},"children":["33223fad-dcfb-fe9c-8e6c-23791cf93482","85f42ea4-9a13-bfa8-d104-fc06ffc0494b","4988b665-236f-c7fe-3434-e6a00f9d2ed6","140a4efc-2c64-ea79-0e39-b732508c35e5","7ccea177-6699-2b83-6f61-00c8cbf60aa5","46b7cfec-dfec-1329-2439-74f78c3ab16e"],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc4921","fake":false,"type":"class","name":"flex-row-outer","namespace":"","comb":"","styleLess":"display: flex; width: 100%; justify-content: space-between; align-items: center;","variants":{"small":{"styleLess":"flex-direction: column;"}},"children":[],"selector":null},{"_id":"8daab61c-8efd-7903-27da-f25e10990081","fake":false,"type":"class","name":"spacer-xl","namespace":"","comb":"","styleLess":"height: 30px;","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc4933","fake":false,"type":"class","name":"box","namespace":"","comb":"&","styleLess":"padding-top: 50px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; align-items: flex-start; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(0, 0.00%, 100.00%, 1.00); text-align: left;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc4924","fake":false,"type":"class","name":"form-container","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 20px; padding-top: 10px; flex-direction: column; justify-content: space-between; flex-wrap: wrap; text-align: left;","variants":{},"children":[],"selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc4923","fake":false,"type":"class","name":"faint-text","namespace":"","comb":"","styleLess":"display: flex; width: 100%; justify-content: center; align-items: center; grid-column-gap: 3px; color: hsla(223.52941176470588, 62.96%, 15.88%, 0.50); font-weight: 500; text-align: center;","variants":{},"children":["d9312802-69cd-fe54-83b0-ebdfc48a3d9f"],"selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc492e","fake":false,"type":"class","name":"form-wrapper","namespace":"","comb":"","styleLess":"position: relative; z-index: 50; display: flex; overflow: visible; width: 100%; max-width: 400px; padding-right: 0px; padding-left: 0px; flex-direction: column; justify-content: center; align-items: stretch;","variants":{},"children":["7cea1562-40dc-47d2-77f1-844785fc4933"],"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/630822b47fe043071cda453c/6317eb825ce0f9a78a4860f4_Frame%2075%20(2).svg","siteId":"630822b47fe043071cda453c","isHD":false,"fileName":"6317eb825ce0f9a78a4860f4_Frame 75 (2).svg","createdOn":"2022-09-07T00:53:22.778Z","origFileName":"Frame 75 (2).svg","fileHash":"322e0c967d52d69bec105161523027ee","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/630822b47fe043071cda453c/6317eb825ce0f9a78a4860f4_Frame%2075%20(2).svg","thumbUrl":"https://cdn.prod.website-files.com/630822b47fe043071cda453c/6317eb825ce0f9a78a4860f4_Frame%2075%20(2).svg","_id":"6317eb825ce0f9a78a4860f4","updatedOn":"2022-09-07T00:53:22.778Z","fileSize":971},{"cdnUrl":"https://cdn.prod.website-files.com/630822b47fe043071cda453c/6317e4cdc179cc87445bee55_Frame%201%20(11).svg","siteId":"630822b47fe043071cda453c","isHD":false,"fileName":"6317e4cdc179cc87445bee55_Frame 1 (11).svg","createdOn":"2022-09-07T00:24:45.433Z","origFileName":"Frame 1 (11).svg","fileHash":"71cf4f2731262ff198a3f496b30f7cb4","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/630822b47fe043071cda453c/6317e4cdc179cc87445bee55_Frame%201%20(11).svg","thumbUrl":"https://cdn.prod.website-files.com/630822b47fe043071cda453c/6317e4cdc179cc87445bee55_Frame%201%20(11).svg","_id":"6317e4cdc179cc87445bee55","updatedOn":"2022-09-07T00:24:45.433Z","fileSize":1612}],"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)
The Yellow Sign Up Form is a visually appealing and user-friendly component designed for capturing user registration details. It features a vibrant yellow gradient and a straightforward layout to enhance user engagement.
Key Features:
- Responsive design suitable for various devices
- Includes fields for first name, last name, email, and password
- Success and error messages for form submission feedback
- Customizable styles with a yellow gradient theme
- Easy integration with Webflow CMS
Design Elements:
- Vibrant yellow gradient background
- Rounded corners for a modern look
- Clear and legible typography
- Use of icons to enhance visual appeal
- Flexbox layout for responsive design
Potential Use Cases:
- Web applications requiring user registration
- E-commerce sites looking to create customer accounts
- Event registration platforms
- Membership-based services
- Newsletter sign-up forms
Conclusion: The Yellow Sign Up Form is a versatile and attractive component that can effectively enhance user registration experiences across various platforms.