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":"6fdf1238-5fa5-df28-d27c-97d523d7ade6","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc492e","7cea1562-40dc-47d2-77f1-844785fc4933"],"children":["6fdf1238-5fa5-df28-d27c-97d523d7adea","6fdf1238-5fa5-df28-d27c-97d523d7adef","6fdf1238-5fa5-df28-d27c-97d523d7ae07"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adea","type":"Heading","tag":"h1","classes":["f3f0298a-790a-a796-8201-d7bf1e8bf19e"],"children":["10378094-d033-829c-b238-8d721460bc9c","1a632446-d09e-5d27-8304-fde0c7ea50bb"],"data":{"tag":"h1","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"10378094-d033-829c-b238-8d721460bc9c","text":true,"v":"Welcome back, "},{"_id":"1a632446-d09e-5d27-8304-fde0c7ea50bb","type":"Span","tag":"span","classes":["41640b6e-82d6-dc1c-60aa-f182c0554baf"],"children":["104b2110-560b-d3f8-81fa-876e50a259fc"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"104b2110-560b-d3f8-81fa-876e50a259fc","text":true,"v":"Howard!"},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adef","type":"FormWrapper","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4929"],"children":["6fdf1238-5fa5-df28-d27c-97d523d7adf0","6fdf1238-5fa5-df28-d27c-97d523d7ae01","6fdf1238-5fa5-df28-d27c-97d523d7ae04"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adf0","type":"FormForm","tag":"form","classes":["7cea1562-40dc-47d2-77f1-844785fc4924"],"children":["6fdf1238-5fa5-df28-d27c-97d523d7adf1","6fdf1238-5fa5-df28-d27c-97d523d7adf2","6fdf1238-5fa5-df28-d27c-97d523d7adf6","6fdf1238-5fa5-df28-d27c-97d523d7adff","c4d93656-bc21-7c95-19cb-fca9f311552f"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"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":"6fdf1238-5fa5-df28-d27c-97d523d7adf1","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":"6fdf1238-5fa5-df28-d27c-97d523d7adf2","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4927"],"children":["6fdf1238-5fa5-df28-d27c-97d523d7adf3","6fdf1238-5fa5-df28-d27c-97d523d7adf5"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adf3","type":"FormBlockLabel","tag":"label","classes":["7cea1562-40dc-47d2-77f1-844785fc492f"],"children":["6fdf1238-5fa5-df28-d27c-97d523d7adf4"],"data":{"form":{"type":"label"},"attr":{"for":"Email-2","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adf4","text":true,"v":"Email"},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adf5","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":"6fdf1238-5fa5-df28-d27c-97d523d7adf6","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4927"],"children":["6fdf1238-5fa5-df28-d27c-97d523d7adf7","6fdf1238-5fa5-df28-d27c-97d523d7adf9","6fdf1238-5fa5-df28-d27c-97d523d7adfa","6fdf1238-5fa5-df28-d27c-97d523d7adfb","44d9fe47-e4a8-aa3f-7324-2469eee72cd6","42c8ff8b-6ff1-dab4-c348-5dee2787a8d8","c76a57d0-be1d-a87b-5323-f8fb7ab7b229"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adf7","type":"FormBlockLabel","tag":"label","classes":["7cea1562-40dc-47d2-77f1-844785fc492f"],"children":["6fdf1238-5fa5-df28-d27c-97d523d7adf8"],"data":{"form":{"type":"label"},"attr":{"for":"Password-2","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adf8","text":true,"v":"Password"},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adf9","type":"FormTextInput","tag":"input","classes":["7cea1562-40dc-47d2-77f1-844785fc492a"],"children":[],"data":{"form":{"name":"Password 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Password-2","data-name":"Password 2","placeholder":"","type":"password","id":"Password-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"},{"name":"data-show","value":"true"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adfa","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":"6fdf1238-5fa5-df28-d27c-97d523d7adfb","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":"44d9fe47-e4a8-aa3f-7324-2469eee72cd6","type":"Block","tag":"div","classes":["41640b6e-82d6-dc1c-60aa-f182c0554baf","0984b569-973e-9904-ba17-a4138346f9c1"],"children":["88b10fe7-999c-a015-90b9-e0354d6ad4a6","44d9fe47-e4a8-aa3f-7324-2469eee72cd8"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"88b10fe7-999c-a015-90b9-e0354d6ad4a6","type":"Link","tag":"a","classes":[],"children":["44d9fe47-e4a8-aa3f-7324-2469eee72cd7"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"44d9fe47-e4a8-aa3f-7324-2469eee72cd7","text":true,"v":"Forgot your password?"},{"_id":"44d9fe47-e4a8-aa3f-7324-2469eee72cd8","type":"Link","tag":"a","classes":["7cea1562-40dc-47d2-77f1-844785fc4928"],"children":["44d9fe47-e4a8-aa3f-7324-2469eee72cd9"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"44d9fe47-e4a8-aa3f-7324-2469eee72cd9","text":true,"v":""},{"_id":"42c8ff8b-6ff1-dab4-c348-5dee2787a8d8","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":"c76a57d0-be1d-a87b-5323-f8fb7ab7b229","type":"Link","tag":"a","classes":["f6de461f-e271-c996-8ee0-fff19aa8a62f","0b9b9178-4b88-2ce9-f498-ea59e9a960e6","6ed20d61-1258-f175-35ab-0d11a38b75f2","c0b986dd-2c17-c2af-9b77-34158fe14300"],"children":["c76a57d0-be1d-a87b-5323-f8fb7ab7b22a"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"c76a57d0-be1d-a87b-5323-f8fb7ab7b22a","text":true,"v":"Log In"},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adff","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":"c4d93656-bc21-7c95-19cb-fca9f311552f","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":"6fdf1238-5fa5-df28-d27c-97d523d7ae01","type":"FormSuccessMessage","tag":"div","classes":[],"children":["6fdf1238-5fa5-df28-d27c-97d523d7ae02"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7ae02","type":"Block","tag":"div","classes":[],"children":["6fdf1238-5fa5-df28-d27c-97d523d7ae03"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7ae03","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7ae04","type":"FormErrorMessage","tag":"div","classes":[],"children":["6fdf1238-5fa5-df28-d27c-97d523d7ae05"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7ae05","type":"Block","tag":"div","classes":[],"children":["6fdf1238-5fa5-df28-d27c-97d523d7ae06"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7ae06","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7ae07","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4923"],"children":["6fdf1238-5fa5-df28-d27c-97d523d7ae08","6fdf1238-5fa5-df28-d27c-97d523d7ae09"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7ae08","text":true,"v":"Don't have an account? "},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7ae09","type":"Link","tag":"a","classes":["41640b6e-82d6-dc1c-60aa-f182c0554baf"],"children":["6fdf1238-5fa5-df28-d27c-97d523d7ae0a"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7ae0a","text":true,"v":"Sign Up"}],"styles":[{"_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":"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; grid-row-gap: 20px; text-align: left;","variants":{},"children":["761958ba-064f-2499-9752-73a57a4314a4","28ada46f-4c43-f45a-f8ff-39048082b811"],"selector":null},{"_id":"6ed20d61-1258-f175-35ab-0d11a38b75f2","fake":false,"type":"class","name":"h50","namespace":"","comb":"&","styleLess":"","variants":{},"children":["c0b986dd-2c17-c2af-9b77-34158fe14300"],"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: none; border-top-width: 1px; border-top-color: black; border-right-style: none; border-right-width: 1px; border-right-color: black; border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: black; border-left-style: none; border-left-width: 1px; border-left-color: black; 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%, 0.03); box-shadow: inset 0 0 0 2px hsla(261, 0.00%, 100.00%, 0.06); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(225, 0.00%, 100.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(215.91240875912408, 66.83%, 59.80%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(215.91240875912408, 66.83%, 59.80%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(215.91240875912408, 66.83%, 59.80%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(215.91240875912408, 66.83%, 59.80%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(208.49999999999997, 58.82%, 86.67%, 0.70);"},"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":["9c8ede2a-d777-b699-3ebf-c379639b9ecf"],"selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc492f","fake":false,"type":"class","name":"input-label","namespace":"","comb":"","styleLess":"position: relative; left: 0px; bottom: 0px; z-index: 2; display: inline-block; margin-bottom: 5px; 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; color: hsla(208.49999999999997, 58.82%, 86.67%, 0.70); font-size: 13.5px; line-height: 15px; font-weight: 600;","variants":{},"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(208.49999999999997, 0.00%, 100.00%, 1.00); font-size: 20px; text-align: center;","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc4926","fake":false,"type":"class","name":"forgot-pw-wrap","namespace":"","comb":"","styleLess":"display: flex; width: 100%; margin-top: 3px; 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-844785fc492e","fake":false,"type":"class","name":"form-wrapper","namespace":"","comb":"","styleLess":"position: relative; z-index: 50; display: flex; overflow: visible; width: 100%; max-width: 560px; padding-right: 0px; padding-left: 0px; flex-direction: column; justify-content: center; align-items: stretch;","variants":{},"children":["7cea1562-40dc-47d2-77f1-844785fc4933"],"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":["4958813a-ef7a-193c-dec7-4fa1bb4ecb78"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"0b9b9178-4b88-2ce9-f498-ea59e9a960e6","fake":false,"type":"class","name":"w100","namespace":"","comb":"&","styleLess":"width: 100%;","variants":{},"children":["6ed20d61-1258-f175-35ab-0d11a38b75f2"],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"41640b6e-82d6-dc1c-60aa-f182c0554baf","fake":false,"type":"class","name":"gradient-text","namespace":"","comb":"","styleLess":"background-image: linear-gradient(140deg, #9c8df2, #bf66d9); background-clip: text;","variants":{},"children":["0984b569-973e-9904-ba17-a4138346f9c1"],"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); background-image: linear-gradient(120deg, #1b3153, #0c1b31); text-align: left;","variants":{"tiny":{"styleLess":"padding-top: 25px; padding-right: 20px; padding-bottom: 25px; padding-left: 20px;"}},"children":[],"createdBy":"5c32e19c1213425c470436be","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: rgba(201, 222, 241, 0.5); font-weight: 600; text-align: center;","variants":{},"children":["d9312802-69cd-fe54-83b0-ebdfc48a3d9f"],"selector":null},{"_id":"c0b986dd-2c17-c2af-9b77-34158fe14300","fake":false,"type":"class","name":"trigger-button","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"0984b569-973e-9904-ba17-a4138346f9c1","fake":false,"type":"class","name":"bold","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc4928","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"color: hsla(324.0875912408759, 66.83%, 59.80%, 1.00); font-weight: 500; text-decoration: none;","variants":{},"children":["220c1324-9773-d31f-82dd-50ee83eec3ba"],"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: 0px; flex-direction: column; align-items: flex-start;","variants":{},"children":["8e0242de-6805-f774-46ff-103af918c882"],"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":"f6de461f-e271-c996-8ee0-fff19aa8a62f","fake":false,"type":"class","name":"btn-gradient","namespace":"","comb":"","styleLess":"position: relative; display: flex; padding-right: 20px; padding-left: 20px; justify-content: center; align-items: center; grid-column-gap: 10px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-image: linear-gradient(140deg, #787dcf, #ad67b9); box-shadow: inset 0 0 0 2px hsla(0, 0.00%, 100.00%, 0.13); transition-property: all; transition-duration: 200ms; transition-timing-function: ease; color: hsla(216.27906976744188, 0.00%, 100.00%, 1.00); 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","0b9b9178-4b88-2ce9-f498-ea59e9a960e6","43d06ceb-0886-06f7-1c4c-cbba047ab6e6"],"createdBy":"5fab42c7f3f75808f0250136","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":3,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7ade6","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc492e","7cea1562-40dc-47d2-77f1-844785fc4933"],"children":["6fdf1238-5fa5-df28-d27c-97d523d7adea","6fdf1238-5fa5-df28-d27c-97d523d7adef","6fdf1238-5fa5-df28-d27c-97d523d7ae07"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adea","type":"Heading","tag":"h1","classes":["f3f0298a-790a-a796-8201-d7bf1e8bf19e"],"children":["10378094-d033-829c-b238-8d721460bc9c","1a632446-d09e-5d27-8304-fde0c7ea50bb"],"data":{"tag":"h1","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"10378094-d033-829c-b238-8d721460bc9c","text":true,"v":"Welcome back, "},{"_id":"1a632446-d09e-5d27-8304-fde0c7ea50bb","type":"Span","tag":"span","classes":["41640b6e-82d6-dc1c-60aa-f182c0554baf"],"children":["104b2110-560b-d3f8-81fa-876e50a259fc"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"104b2110-560b-d3f8-81fa-876e50a259fc","text":true,"v":"Howard!"},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adef","type":"FormWrapper","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4929"],"children":["6fdf1238-5fa5-df28-d27c-97d523d7adf0","6fdf1238-5fa5-df28-d27c-97d523d7ae01","6fdf1238-5fa5-df28-d27c-97d523d7ae04"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adf0","type":"FormForm","tag":"form","classes":["7cea1562-40dc-47d2-77f1-844785fc4924"],"children":["6fdf1238-5fa5-df28-d27c-97d523d7adf1","6fdf1238-5fa5-df28-d27c-97d523d7adf2","6fdf1238-5fa5-df28-d27c-97d523d7adf6","6fdf1238-5fa5-df28-d27c-97d523d7adff","c4d93656-bc21-7c95-19cb-fca9f311552f"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"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":"6fdf1238-5fa5-df28-d27c-97d523d7adf1","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":"6fdf1238-5fa5-df28-d27c-97d523d7adf2","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4927"],"children":["6fdf1238-5fa5-df28-d27c-97d523d7adf3","6fdf1238-5fa5-df28-d27c-97d523d7adf5"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adf3","type":"FormBlockLabel","tag":"label","classes":["7cea1562-40dc-47d2-77f1-844785fc492f"],"children":["6fdf1238-5fa5-df28-d27c-97d523d7adf4"],"data":{"form":{"type":"label"},"attr":{"for":"Email-2","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adf4","text":true,"v":"Email"},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adf5","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":"6fdf1238-5fa5-df28-d27c-97d523d7adf6","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4927"],"children":["6fdf1238-5fa5-df28-d27c-97d523d7adf7","6fdf1238-5fa5-df28-d27c-97d523d7adf9","6fdf1238-5fa5-df28-d27c-97d523d7adfa","6fdf1238-5fa5-df28-d27c-97d523d7adfb","44d9fe47-e4a8-aa3f-7324-2469eee72cd6","42c8ff8b-6ff1-dab4-c348-5dee2787a8d8","c76a57d0-be1d-a87b-5323-f8fb7ab7b229"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adf7","type":"FormBlockLabel","tag":"label","classes":["7cea1562-40dc-47d2-77f1-844785fc492f"],"children":["6fdf1238-5fa5-df28-d27c-97d523d7adf8"],"data":{"form":{"type":"label"},"attr":{"for":"Password-2","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adf8","text":true,"v":"Password"},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adf9","type":"FormTextInput","tag":"input","classes":["7cea1562-40dc-47d2-77f1-844785fc492a"],"children":[],"data":{"form":{"name":"Password 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Password-2","data-name":"Password 2","placeholder":"","type":"password","id":"Password-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"},{"name":"data-show","value":"true"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adfa","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":"6fdf1238-5fa5-df28-d27c-97d523d7adfb","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":"44d9fe47-e4a8-aa3f-7324-2469eee72cd6","type":"Block","tag":"div","classes":["41640b6e-82d6-dc1c-60aa-f182c0554baf","0984b569-973e-9904-ba17-a4138346f9c1"],"children":["88b10fe7-999c-a015-90b9-e0354d6ad4a6","44d9fe47-e4a8-aa3f-7324-2469eee72cd8"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"88b10fe7-999c-a015-90b9-e0354d6ad4a6","type":"Link","tag":"a","classes":[],"children":["44d9fe47-e4a8-aa3f-7324-2469eee72cd7"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"44d9fe47-e4a8-aa3f-7324-2469eee72cd7","text":true,"v":"Forgot your password?"},{"_id":"44d9fe47-e4a8-aa3f-7324-2469eee72cd8","type":"Link","tag":"a","classes":["7cea1562-40dc-47d2-77f1-844785fc4928"],"children":["44d9fe47-e4a8-aa3f-7324-2469eee72cd9"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"44d9fe47-e4a8-aa3f-7324-2469eee72cd9","text":true,"v":""},{"_id":"42c8ff8b-6ff1-dab4-c348-5dee2787a8d8","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":"c76a57d0-be1d-a87b-5323-f8fb7ab7b229","type":"Link","tag":"a","classes":["f6de461f-e271-c996-8ee0-fff19aa8a62f","0b9b9178-4b88-2ce9-f498-ea59e9a960e6","6ed20d61-1258-f175-35ab-0d11a38b75f2","c0b986dd-2c17-c2af-9b77-34158fe14300"],"children":["c76a57d0-be1d-a87b-5323-f8fb7ab7b22a"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"c76a57d0-be1d-a87b-5323-f8fb7ab7b22a","text":true,"v":"Log In"},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7adff","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":"c4d93656-bc21-7c95-19cb-fca9f311552f","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":"6fdf1238-5fa5-df28-d27c-97d523d7ae01","type":"FormSuccessMessage","tag":"div","classes":[],"children":["6fdf1238-5fa5-df28-d27c-97d523d7ae02"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7ae02","type":"Block","tag":"div","classes":[],"children":["6fdf1238-5fa5-df28-d27c-97d523d7ae03"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7ae03","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7ae04","type":"FormErrorMessage","tag":"div","classes":[],"children":["6fdf1238-5fa5-df28-d27c-97d523d7ae05"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7ae05","type":"Block","tag":"div","classes":[],"children":["6fdf1238-5fa5-df28-d27c-97d523d7ae06"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7ae06","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7ae07","type":"Block","tag":"div","classes":["7cea1562-40dc-47d2-77f1-844785fc4923"],"children":["6fdf1238-5fa5-df28-d27c-97d523d7ae08","6fdf1238-5fa5-df28-d27c-97d523d7ae09"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7ae08","text":true,"v":"Don't have an account? "},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7ae09","type":"Link","tag":"a","classes":["41640b6e-82d6-dc1c-60aa-f182c0554baf"],"children":["6fdf1238-5fa5-df28-d27c-97d523d7ae0a"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"6fdf1238-5fa5-df28-d27c-97d523d7ae0a","text":true,"v":"Sign Up"}],"styles":[{"_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":"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; grid-row-gap: 20px; text-align: left;","variants":{},"children":["761958ba-064f-2499-9752-73a57a4314a4","28ada46f-4c43-f45a-f8ff-39048082b811"],"selector":null},{"_id":"6ed20d61-1258-f175-35ab-0d11a38b75f2","fake":false,"type":"class","name":"h50","namespace":"","comb":"&","styleLess":"","variants":{},"children":["c0b986dd-2c17-c2af-9b77-34158fe14300"],"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: none; border-top-width: 1px; border-top-color: black; border-right-style: none; border-right-width: 1px; border-right-color: black; border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: black; border-left-style: none; border-left-width: 1px; border-left-color: black; 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%, 0.03); box-shadow: inset 0 0 0 2px hsla(261, 0.00%, 100.00%, 0.06); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(225, 0.00%, 100.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(215.91240875912408, 66.83%, 59.80%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(215.91240875912408, 66.83%, 59.80%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(215.91240875912408, 66.83%, 59.80%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(215.91240875912408, 66.83%, 59.80%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(208.49999999999997, 58.82%, 86.67%, 0.70);"},"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":["9c8ede2a-d777-b699-3ebf-c379639b9ecf"],"selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc492f","fake":false,"type":"class","name":"input-label","namespace":"","comb":"","styleLess":"position: relative; left: 0px; bottom: 0px; z-index: 2; display: inline-block; margin-bottom: 5px; 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; color: hsla(208.49999999999997, 58.82%, 86.67%, 0.70); font-size: 13.5px; line-height: 15px; font-weight: 600;","variants":{},"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(208.49999999999997, 0.00%, 100.00%, 1.00); font-size: 20px; text-align: center;","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc4926","fake":false,"type":"class","name":"forgot-pw-wrap","namespace":"","comb":"","styleLess":"display: flex; width: 100%; margin-top: 3px; 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-844785fc492e","fake":false,"type":"class","name":"form-wrapper","namespace":"","comb":"","styleLess":"position: relative; z-index: 50; display: flex; overflow: visible; width: 100%; max-width: 560px; padding-right: 0px; padding-left: 0px; flex-direction: column; justify-content: center; align-items: stretch;","variants":{},"children":["7cea1562-40dc-47d2-77f1-844785fc4933"],"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":["4958813a-ef7a-193c-dec7-4fa1bb4ecb78"],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"0b9b9178-4b88-2ce9-f498-ea59e9a960e6","fake":false,"type":"class","name":"w100","namespace":"","comb":"&","styleLess":"width: 100%;","variants":{},"children":["6ed20d61-1258-f175-35ab-0d11a38b75f2"],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"41640b6e-82d6-dc1c-60aa-f182c0554baf","fake":false,"type":"class","name":"gradient-text","namespace":"","comb":"","styleLess":"background-image: linear-gradient(140deg, #9c8df2, #bf66d9); background-clip: text;","variants":{},"children":["0984b569-973e-9904-ba17-a4138346f9c1"],"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); background-image: linear-gradient(120deg, #1b3153, #0c1b31); text-align: left;","variants":{"tiny":{"styleLess":"padding-top: 25px; padding-right: 20px; padding-bottom: 25px; padding-left: 20px;"}},"children":[],"createdBy":"5c32e19c1213425c470436be","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: rgba(201, 222, 241, 0.5); font-weight: 600; text-align: center;","variants":{},"children":["d9312802-69cd-fe54-83b0-ebdfc48a3d9f"],"selector":null},{"_id":"c0b986dd-2c17-c2af-9b77-34158fe14300","fake":false,"type":"class","name":"trigger-button","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"0984b569-973e-9904-ba17-a4138346f9c1","fake":false,"type":"class","name":"bold","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"5fab42c7f3f75808f0250136","selector":null},{"_id":"7cea1562-40dc-47d2-77f1-844785fc4928","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"color: hsla(324.0875912408759, 66.83%, 59.80%, 1.00); font-weight: 500; text-decoration: none;","variants":{},"children":["220c1324-9773-d31f-82dd-50ee83eec3ba"],"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: 0px; flex-direction: column; align-items: flex-start;","variants":{},"children":["8e0242de-6805-f774-46ff-103af918c882"],"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":"f6de461f-e271-c996-8ee0-fff19aa8a62f","fake":false,"type":"class","name":"btn-gradient","namespace":"","comb":"","styleLess":"position: relative; display: flex; padding-right: 20px; padding-left: 20px; justify-content: center; align-items: center; grid-column-gap: 10px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-image: linear-gradient(140deg, #787dcf, #ad67b9); box-shadow: inset 0 0 0 2px hsla(0, 0.00%, 100.00%, 0.13); transition-property: all; transition-duration: 200ms; transition-timing-function: ease; color: hsla(216.27906976744188, 0.00%, 100.00%, 1.00); 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","0b9b9178-4b88-2ce9-f498-ea59e9a960e6","43d06ceb-0886-06f7-1c4c-cbba047ab6e6"],"createdBy":"5fab42c7f3f75808f0250136","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":3,"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 Dark Purple Login Form is a stylish and modern login interface designed to enhance user experience with its visually appealing gradient design and user-friendly layout.
Key Features:
- Responsive design suitable for various devices
- Includes fields for email and password input
- Features a 'Forgot your password?' link
- Success and error messages for form submission feedback
- Customizable styles with a dark purple color scheme
Design Elements:
- Gradient background with shades of purple
- Rounded corners for input fields and buttons
- Centered heading with welcoming text
- Clear and legible font choices
Potential Use Cases:
- Web applications requiring user authentication
- E-commerce sites needing secure login access
- Membership platforms for user account management
- Online services offering personalized user experiences
- Corporate websites with employee login sections
Conclusion: The Dark Purple Login Form is a versatile and visually appealing component that can enhance the login experience for various web applications, making it an excellent choice for developers and designers alike.
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.