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":"266c221d-e014-0dc0-15a6-81e9ad2e0288","type":"Link","tag":"a","classes":["b78c2541-8473-a75b-a297-efaf65e93385","21ad250c-9645-3884-97f3-87ec7f93b1e7","55eade31-ab46-e52c-50bf-ca2bbef334b1"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0289"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"linkedin"}],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0289","type":"Block","tag":"div","classes":["b78c2541-8473-a75b-a297-efaf65e93386"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e028a","266c221d-e014-0dc0-15a6-81e9ad2e028b","266c221d-e014-0dc0-15a6-81e9ad2e028c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e028a","type":"Image","tag":"img","classes":["3e7f4474-bee1-03cf-9e0e-915f224e02a6"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/632cacdc3a7f08d5fb21fa73_linkedin-white.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"632cacdc3a7f08d5fb21fa73"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e028b","type":"Block","tag":"div","classes":["67a655d2-2c0f-837d-4420-e36e24bfdb13"],"children":["8e44854a-fcfb-32d8-f564-ac7a41cdd0b2"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect LinkedIn"}],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8e44854a-fcfb-32d8-f564-ac7a41cdd0b2","text":true,"v":"Continue with LinkedIn"},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e028c","type":"Block","tag":"div","classes":["14420a4a-6592-ac3a-3c7f-530cba49272d"],"children":["bbc99007-f9cb-e7c4-c806-ba2683e27800"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-disconnect","value":"true"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"bbc99007-f9cb-e7c4-c806-ba2683e27800","type":"Image","tag":"img","classes":["7dee09b5-aeae-95bb-58b1-768f8f8d9435","1e57bc78-a858-b584-6806-411010152d9b"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6331f8b4b515a6328c67f9ec"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}}],"styles":[{"_id":"7dee09b5-aeae-95bb-58b1-768f8f8d9435","fake":false,"type":"class","name":"Disconnect Image","namespace":"","comb":"","styleLess":"width: 16px;","variants":{},"children":["1e57bc78-a858-b584-6806-411010152d9b"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"14420a4a-6592-ac3a-3c7f-530cba49272d","fake":false,"type":"class","name":"Disconnect Link","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: 0%; padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; text-align: right; text-decoration: underline;","variants":{"main_hover":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"selector":null},{"_id":"67a655d2-2c0f-837d-4420-e36e24bfdb13","fake":false,"type":"class","name":"Social Text","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1e57bc78-a858-b584-6806-411010152d9b","fake":false,"type":"class","name":"White","namespace":"","comb":"&","styleLess":"filter: invert(100%);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"21ad250c-9645-3884-97f3-87ec7f93b1e7","fake":false,"type":"class","name":"Linkedin","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"border-top-color: #0a66c2; border-right-color: #0a66c2; border-bottom-color: #0a66c2; border-left-color: #0a66c2;"}},"children":["55eade31-ab46-e52c-50bf-ca2bbef334b1"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"b78c2541-8473-a75b-a297-efaf65e93386","fake":false,"type":"class","name":"Social Content","namespace":"","comb":"","styleLess":"display: flex; align-items: center; grid-column-gap: 20px;","variants":{},"children":["0bf4e500-4b1f-48bf-7d37-1a1df66f9b1f"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"3e7f4474-bee1-03cf-9e0e-915f224e02a6","fake":false,"type":"class","name":"Social Image","namespace":"","comb":"","styleLess":"width: 24px;","variants":{},"children":["6eb2f25c-d30c-6a9e-f26a-f074924a95b7"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"55eade31-ab46-e52c-50bf-ca2bbef334b1","fake":false,"type":"class","name":"Solid","namespace":"","comb":"&","styleLess":"background-color: #0a66c2; color: white; font-weight: 400;","variants":{"main_hover":{"styleLess":"background-color: hsla(210, 96.49%, 27.48%, 1.00);"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"b78c2541-8473-a75b-a297-efaf65e93385","fake":false,"type":"class","name":"Social Btn","namespace":"","comb":"","styleLess":"position: relative; width: 100%; margin-bottom: 10px; padding-top: 12px; padding-right: 40px; padding-bottom: 12px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(240, 15.31%, 88.19%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(240, 15.31%, 88.19%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(240, 15.31%, 88.19%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(240, 15.31%, 88.19%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 1px 2px 0 hsla(240, 15.31%, 88.19%, 0.50); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300; text-decoration: none;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-right-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-bottom-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-left-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); box-shadow: none /* 0 1px 4px 0 rgba(220, 220, 229, 0.9) */;"}},"children":["b8cab70c-aadd-6f9a-f4e7-12c5cb42c48e","c36ff424-1c20-d36b-5eeb-7501ac1bd0d2","e63577dc-f58b-32d9-fdca-44c357fe3cea","23e62748-e1af-8eae-84ad-b7304de22669","8f74f914-9676-dc2b-de11-d828cdf07ff5","f4ae05b1-d9ae-3f37-d7d9-5d08e7299c83","21ad250c-9645-3884-97f3-87ec7f93b1e7"],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/632cacdc3a7f08d5fb21fa73_linkedin-white.svg","siteId":"632c941ea9199f8985f3fd52","width":123,"isHD":false,"height":123,"fileName":"632cacdc3a7f08d5fb21fa73_linkedin-white.svg","createdOn":"2022-09-22T18:43:40.128Z","origFileName":"linkedin-white.svg","fileHash":"074c3425cc7db4e23eee400940500638","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/632c941ea9199f8985f3fd52/632cacdc3a7f08d5fb21fa73_linkedin-white.svg","thumbUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/632cacdc3a7f08d5fb21fa73_linkedin-white.svg","_id":"632cacdc3a7f08d5fb21fa73","updatedOn":"2022-09-22T19:51:31.834Z","fileSize":1282},{"cdnUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","siteId":"632c941ea9199f8985f3fd52","width":24,"isHD":false,"height":24,"fileName":"6331f8b4b515a6328c67f9ec_close_black_24dp.svg","createdOn":"2022-09-26T19:08:36.466Z","origFileName":"close_black_24dp.svg","fileHash":"2575acf5ecbc8159c6710f6a6c525c82","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","thumbUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","_id":"6331f8b4b515a6328c67f9ec","updatedOn":"2022-09-27T12:08:27.397Z","fileSize":430}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0288","type":"Link","tag":"a","classes":["b78c2541-8473-a75b-a297-efaf65e93385","21ad250c-9645-3884-97f3-87ec7f93b1e7","55eade31-ab46-e52c-50bf-ca2bbef334b1"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0289"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"linkedin"}],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0289","type":"Block","tag":"div","classes":["b78c2541-8473-a75b-a297-efaf65e93386"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e028a","266c221d-e014-0dc0-15a6-81e9ad2e028b","266c221d-e014-0dc0-15a6-81e9ad2e028c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e028a","type":"Image","tag":"img","classes":["3e7f4474-bee1-03cf-9e0e-915f224e02a6"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/632cacdc3a7f08d5fb21fa73_linkedin-white.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"632cacdc3a7f08d5fb21fa73"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e028b","type":"Block","tag":"div","classes":["67a655d2-2c0f-837d-4420-e36e24bfdb13"],"children":["8e44854a-fcfb-32d8-f564-ac7a41cdd0b2"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect LinkedIn"}],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8e44854a-fcfb-32d8-f564-ac7a41cdd0b2","text":true,"v":"Continue with LinkedIn"},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e028c","type":"Block","tag":"div","classes":["14420a4a-6592-ac3a-3c7f-530cba49272d"],"children":["bbc99007-f9cb-e7c4-c806-ba2683e27800"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-disconnect","value":"true"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"bbc99007-f9cb-e7c4-c806-ba2683e27800","type":"Image","tag":"img","classes":["7dee09b5-aeae-95bb-58b1-768f8f8d9435","1e57bc78-a858-b584-6806-411010152d9b"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6331f8b4b515a6328c67f9ec"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"displayName":""}}],"styles":[{"_id":"7dee09b5-aeae-95bb-58b1-768f8f8d9435","fake":false,"type":"class","name":"Disconnect Image","namespace":"","comb":"","styleLess":"width: 16px;","variants":{},"children":["1e57bc78-a858-b584-6806-411010152d9b"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"14420a4a-6592-ac3a-3c7f-530cba49272d","fake":false,"type":"class","name":"Disconnect Link","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: 0%; padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; text-align: right; text-decoration: underline;","variants":{"main_hover":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"selector":null},{"_id":"67a655d2-2c0f-837d-4420-e36e24bfdb13","fake":false,"type":"class","name":"Social Text","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1e57bc78-a858-b584-6806-411010152d9b","fake":false,"type":"class","name":"White","namespace":"","comb":"&","styleLess":"filter: invert(100%);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"21ad250c-9645-3884-97f3-87ec7f93b1e7","fake":false,"type":"class","name":"Linkedin","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"border-top-color: #0a66c2; border-right-color: #0a66c2; border-bottom-color: #0a66c2; border-left-color: #0a66c2;"}},"children":["55eade31-ab46-e52c-50bf-ca2bbef334b1"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"b78c2541-8473-a75b-a297-efaf65e93386","fake":false,"type":"class","name":"Social Content","namespace":"","comb":"","styleLess":"display: flex; align-items: center; grid-column-gap: 20px;","variants":{},"children":["0bf4e500-4b1f-48bf-7d37-1a1df66f9b1f"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"3e7f4474-bee1-03cf-9e0e-915f224e02a6","fake":false,"type":"class","name":"Social Image","namespace":"","comb":"","styleLess":"width: 24px;","variants":{},"children":["6eb2f25c-d30c-6a9e-f26a-f074924a95b7"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"55eade31-ab46-e52c-50bf-ca2bbef334b1","fake":false,"type":"class","name":"Solid","namespace":"","comb":"&","styleLess":"background-color: #0a66c2; color: white; font-weight: 400;","variants":{"main_hover":{"styleLess":"background-color: hsla(210, 96.49%, 27.48%, 1.00);"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"b78c2541-8473-a75b-a297-efaf65e93385","fake":false,"type":"class","name":"Social Btn","namespace":"","comb":"","styleLess":"position: relative; width: 100%; margin-bottom: 10px; padding-top: 12px; padding-right: 40px; padding-bottom: 12px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(240, 15.31%, 88.19%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(240, 15.31%, 88.19%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(240, 15.31%, 88.19%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(240, 15.31%, 88.19%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 1px 2px 0 hsla(240, 15.31%, 88.19%, 0.50); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300; text-decoration: none;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-right-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-bottom-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-left-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); box-shadow: none /* 0 1px 4px 0 rgba(220, 220, 229, 0.9) */;"}},"children":["b8cab70c-aadd-6f9a-f4e7-12c5cb42c48e","c36ff424-1c20-d36b-5eeb-7501ac1bd0d2","e63577dc-f58b-32d9-fdca-44c357fe3cea","23e62748-e1af-8eae-84ad-b7304de22669","8f74f914-9676-dc2b-de11-d828cdf07ff5","f4ae05b1-d9ae-3f37-d7d9-5d08e7299c83","21ad250c-9645-3884-97f3-87ec7f93b1e7"],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/632cacdc3a7f08d5fb21fa73_linkedin-white.svg","siteId":"632c941ea9199f8985f3fd52","width":123,"isHD":false,"height":123,"fileName":"632cacdc3a7f08d5fb21fa73_linkedin-white.svg","createdOn":"2022-09-22T18:43:40.128Z","origFileName":"linkedin-white.svg","fileHash":"074c3425cc7db4e23eee400940500638","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/632c941ea9199f8985f3fd52/632cacdc3a7f08d5fb21fa73_linkedin-white.svg","thumbUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/632cacdc3a7f08d5fb21fa73_linkedin-white.svg","_id":"632cacdc3a7f08d5fb21fa73","updatedOn":"2022-09-22T19:51:31.834Z","fileSize":1282},{"cdnUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","siteId":"632c941ea9199f8985f3fd52","width":24,"isHD":false,"height":24,"fileName":"6331f8b4b515a6328c67f9ec_close_black_24dp.svg","createdOn":"2022-09-26T19:08:36.466Z","origFileName":"close_black_24dp.svg","fileHash":"2575acf5ecbc8159c6710f6a6c525c82","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","thumbUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","_id":"6331f8b4b515a6328c67f9ec","updatedOn":"2022-09-27T12:08:27.397Z","fileSize":430}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated