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":"408b00e9-5023-85f2-5ed4-99d7cfc8c770","type":"Block","tag":"div","classes":["24275b67-c14b-d8a7-7c21-1d93379ecfd2"],"children":["7d9cc4c6-8ab3-5fe1-e8a4-53392b03ac5a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"7d9cc4c6-8ab3-5fe1-e8a4-53392b03ac5a","type":"Block","tag":"div","classes":["dabdee3b-d9cf-13cd-93a2-b789be0bf011","241f5adb-87da-b55d-4153-daed2e3f3e56"],"children":["b6cb7712-2e12-fd97-fc46-2a91bf5b05e1","0c1e49f3-5acd-d43a-93bc-e5698e692586","418bca2e-1a49-4037-834b-e19d80bc8355"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b6cb7712-2e12-fd97-fc46-2a91bf5b05e1","type":"Heading","tag":"h1","classes":["3cbbbbf2-4970-3353-f7e7-42c990f1bd09"],"children":["81e8817b-51f2-d503-3904-ace0c8d2545d"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"81e8817b-51f2-d503-3904-ace0c8d2545d","text":true,"v":"Old Fashioned Google Button"},{"_id":"0c1e49f3-5acd-d43a-93bc-e5698e692586","type":"Paragraph","tag":"p","classes":["196722a0-09bf-d137-bea2-bc2562f4bf88"],"children":["0c1e49f3-5acd-d43a-93bc-e5698e692587","4da51db8-64dd-25c0-edb3-2eceb02412f5","5baf3d27-cd25-9957-f95f-900ea6f950fc","d9404050-9199-f26c-1113-2831c8372af8"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0c1e49f3-5acd-d43a-93bc-e5698e692587","text":true,"v":"A nice Google button with the new branding, but in more of a retro Google style!"},{"_id":"4da51db8-64dd-25c0-edb3-2eceb02412f5","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"5baf3d27-cd25-9957-f95f-900ea6f950fc","type":"Strong","tag":"strong","classes":[],"children":["0f28ce1d-0a89-cda6-2c0d-aa213de2f88a"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0f28ce1d-0a89-cda6-2c0d-aa213de2f88a","text":true,"v":"P.S:"},{"_id":"d9404050-9199-f26c-1113-2831c8372af8","text":true,"v":" Thanks to Memberstack, it works. Click it!"},{"_id":"418bca2e-1a49-4037-834b-e19d80bc8355","type":"FormWrapper","tag":"div","classes":["44681f2a-15fc-bce3-22ea-83e000a72e63"],"children":["418bca2e-1a49-4037-834b-e19d80bc8356","418bca2e-1a49-4037-834b-e19d80bc835e","418bca2e-1a49-4037-834b-e19d80bc8361"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"418bca2e-1a49-4037-834b-e19d80bc8356","type":"FormForm","tag":"form","classes":[],"children":["991a38f3-3274-b7bf-52f2-4bf78ac2e0dc","b940fd30-f1a6-3fbe-6c1a-ade73cb92c0c"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"991a38f3-3274-b7bf-52f2-4bf78ac2e0dc","type":"HtmlEmbed","tag":"div","classes":["df89e802-b2e1-e8a0-1c8d-c633e163596e"],"children":[],"v":"<input type=\"hidden\" data-ms-member=\"email\">\n<input type=\"hidden\" data-ms-member=\"password\">","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<input type=\"hidden\" data-ms-member=\"email\">\n<input type=\"hidden\" data-ms-member=\"password\">","div":false,"iframe":false,"script":false,"compilable":false}},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"b940fd30-f1a6-3fbe-6c1a-ade73cb92c0c","type":"Link","tag":"a","classes":["4c6a172b-8444-40e6-6866-9ce76c8945a2"],"children":["62e2816f-e652-0dc0-4d07-7af494e59612","dbd68d0a-6824-67c7-2d94-efa78772a9e5","e3ca5085-1ba2-3158-8225-a2cd0436b5e5"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"62e2816f-e652-0dc0-4d07-7af494e59612","type":"Block","tag":"div","classes":["9883cbe3-c6d5-c56f-8203-80c528a34a89"],"children":["34686a17-c78f-8bba-1cf0-190d727702a8","2125a94e-340b-5bc3-ad23-ad241a1f676f","35112893-4ac9-6fa8-c3ff-b30e2e695bbc","8e331652-3058-921b-dd54-2a9a4401cd49"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"34686a17-c78f-8bba-1cf0-190d727702a8","type":"Block","tag":"div","classes":["432b9586-76bc-a6e2-7a20-c6ae7c5895bd"],"children":[],"data":{"tag":"div","text":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2125a94e-340b-5bc3-ad23-ad241a1f676f","type":"Block","tag":"div","classes":["432b9586-76bc-a6e2-7a20-c6ae7c5895bd","9edd3bfc-b3fd-8011-bd43-d910019c5f75"],"children":[],"data":{"tag":"div","text":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"35112893-4ac9-6fa8-c3ff-b30e2e695bbc","type":"Block","tag":"div","classes":["432b9586-76bc-a6e2-7a20-c6ae7c5895bd","c682f7c5-9cee-cd3f-ddc4-fb4909dea01d"],"children":[],"data":{"tag":"div","text":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8e331652-3058-921b-dd54-2a9a4401cd49","type":"Block","tag":"div","classes":["432b9586-76bc-a6e2-7a20-c6ae7c5895bd","d7bfff94-c0cb-8e4f-5bc4-2f1016600e0c"],"children":[],"data":{"tag":"div","text":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dbd68d0a-6824-67c7-2d94-efa78772a9e5","type":"Block","tag":"div","classes":[],"children":["dbd68d0a-6824-67c7-2d94-efa78772a9e6"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbd68d0a-6824-67c7-2d94-efa78772a9e6","text":true,"v":"Sign in with"},{"_id":"e3ca5085-1ba2-3158-8225-a2cd0436b5e5","type":"Image","tag":"img","classes":["33b5ce1e-be45-3da6-13f6-3970212f2afd"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6512e06ac63745338d8152e7/6512e443282ac6b8194be826_googlelogo.svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"img":{"id":"6512e443282ac6b8194be826"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"418bca2e-1a49-4037-834b-e19d80bc835e","type":"FormSuccessMessage","tag":"div","classes":[],"children":["418bca2e-1a49-4037-834b-e19d80bc835f"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"418bca2e-1a49-4037-834b-e19d80bc835f","type":"Block","tag":"div","classes":[],"children":["418bca2e-1a49-4037-834b-e19d80bc8360"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"418bca2e-1a49-4037-834b-e19d80bc8360","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"418bca2e-1a49-4037-834b-e19d80bc8361","type":"FormErrorMessage","tag":"div","classes":[],"children":["418bca2e-1a49-4037-834b-e19d80bc8362"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"418bca2e-1a49-4037-834b-e19d80bc8362","type":"Block","tag":"div","classes":[],"children":["418bca2e-1a49-4037-834b-e19d80bc8363"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"418bca2e-1a49-4037-834b-e19d80bc8363","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"df89e802-b2e1-e8a0-1c8d-c633e163596e","fake":false,"type":"class","name":"hide","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"c682f7c5-9cee-cd3f-ddc4-fb4909dea01d","fake":false,"type":"class","name":"is-green","namespace":"","comb":"&","styleLess":"background-color: hsla(136.03448275862067, 52.73%, 43.14%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"24275b67-c14b-d8a7-7c21-1d93379ecfd2","fake":false,"type":"class","name":"section_text","namespace":"","comb":"","styleLess":"display: flex; min-height: 100vh; padding-top: 5%; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d7bfff94-c0cb-8e4f-5bc4-2f1016600e0c","fake":false,"type":"class","name":"is-blue","namespace":"","comb":"&","styleLess":"background-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"33b5ce1e-be45-3da6-13f6-3970212f2afd","fake":false,"type":"class","name":"google-logo","namespace":"","comb":"","styleLess":"height: 20px; margin-bottom: -4px; margin-left: 5px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"9edd3bfc-b3fd-8011-bd43-d910019c5f75","fake":false,"type":"class","name":"is-yellow","namespace":"","comb":"&","styleLess":"background-color: hsla(44.93827160493827, 95.29%, 50.00%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"dabdee3b-d9cf-13cd-93a2-b789be0bf011","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 60rem;","variants":{},"children":["241f5adb-87da-b55d-4153-daed2e3f3e56"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"4c6a172b-8444-40e6-6866-9ce76c8945a2","fake":false,"type":"class","name":"google-button","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; padding-top: 15px; padding-right: 20px; padding-bottom: 12px; padding-left: 20px; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(217.41573033707866, 0.00%, 94.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(217.41573033707866, 0.00%, 94.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(217.41573033707866, 0.00%, 94.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(217.41573033707866, 0.00%, 94.00%, 1.00); background-color: hsla(217.41573033707866, 0.00%, 100.00%, 1.00); box-shadow: 0 2px 5px -1px rgba(0,0,0,0.2); color: hsla(0, 0.00%, 0.00%, 1.00); font-weight: 300; text-align: center; text-decoration: none;","variants":{},"children":["1de7801d-727a-204b-4742-68b9f32991e8"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"241f5adb-87da-b55d-4153-daed2e3f3e56","fake":false,"type":"class","name":"center","namespace":"","comb":"&","styleLess":"display: flex; max-width: 45rem; flex-direction: column; align-items: center; text-align: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"196722a0-09bf-d137-bea2-bc2562f4bf88","fake":false,"type":"class","name":"text","namespace":"","comb":"","styleLess":"margin-bottom: 20px; font-weight: 300;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"9883cbe3-c6d5-c56f-8203-80c528a34a89","fake":false,"type":"class","name":"google_top-bar","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: auto; display: flex; height: 3px; justify-content: space-between;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3cbbbbf2-4970-3353-f7e7-42c990f1bd09","fake":false,"type":"class","name":"heading-style-h1","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 1rem; font-weight: 500;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"44681f2a-15fc-bce3-22ea-83e000a72e63","fake":false,"type":"class","name":"one-tap_form-block","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"432b9586-76bc-a6e2-7a20-c6ae7c5895bd","fake":false,"type":"class","name":"google-bar_line","namespace":"","comb":"","styleLess":"height: 100%; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; background-color: hsla(4.640883977900553, 81.17%, 56.27%, 1.00);","variants":{},"children":["9edd3bfc-b3fd-8011-bd43-d910019c5f75","c682f7c5-9cee-cd3f-ddc4-fb4909dea01d","d7bfff94-c0cb-8e4f-5bc4-2f1016600e0c"],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6512e06ac63745338d8152e7/6512e443282ac6b8194be826_googlelogo.svg","siteId":"6512e06ac63745338d8152e7","width":272,"isHD":false,"height":92,"fileName":"6512e443282ac6b8194be826_googlelogo.svg","createdOn":"2023-09-26T14:01:39.536Z","origFileName":"googlelogo.svg","fileHash":"e99543bb86794e15928d03e9b41bb3c8","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6512e06ac63745338d8152e7/6512e443282ac6b8194be826_googlelogo.svg","thumbUrl":"https://cdn.prod.website-files.com/6512e06ac63745338d8152e7/6512e443282ac6b8194be826_googlelogo.svg","_id":"6512e443282ac6b8194be826","updatedOn":"2023-09-26T14:01:39.536Z","fileSize":1906,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"408b00e9-5023-85f2-5ed4-99d7cfc8c770","type":"Block","tag":"div","classes":["24275b67-c14b-d8a7-7c21-1d93379ecfd2"],"children":["7d9cc4c6-8ab3-5fe1-e8a4-53392b03ac5a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"7d9cc4c6-8ab3-5fe1-e8a4-53392b03ac5a","type":"Block","tag":"div","classes":["dabdee3b-d9cf-13cd-93a2-b789be0bf011","241f5adb-87da-b55d-4153-daed2e3f3e56"],"children":["b6cb7712-2e12-fd97-fc46-2a91bf5b05e1","0c1e49f3-5acd-d43a-93bc-e5698e692586","418bca2e-1a49-4037-834b-e19d80bc8355"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b6cb7712-2e12-fd97-fc46-2a91bf5b05e1","type":"Heading","tag":"h1","classes":["3cbbbbf2-4970-3353-f7e7-42c990f1bd09"],"children":["81e8817b-51f2-d503-3904-ace0c8d2545d"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"81e8817b-51f2-d503-3904-ace0c8d2545d","text":true,"v":"Old Fashioned Google Button"},{"_id":"0c1e49f3-5acd-d43a-93bc-e5698e692586","type":"Paragraph","tag":"p","classes":["196722a0-09bf-d137-bea2-bc2562f4bf88"],"children":["0c1e49f3-5acd-d43a-93bc-e5698e692587","4da51db8-64dd-25c0-edb3-2eceb02412f5","5baf3d27-cd25-9957-f95f-900ea6f950fc","d9404050-9199-f26c-1113-2831c8372af8"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0c1e49f3-5acd-d43a-93bc-e5698e692587","text":true,"v":"A nice Google button with the new branding, but in more of a retro Google style!"},{"_id":"4da51db8-64dd-25c0-edb3-2eceb02412f5","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"5baf3d27-cd25-9957-f95f-900ea6f950fc","type":"Strong","tag":"strong","classes":[],"children":["0f28ce1d-0a89-cda6-2c0d-aa213de2f88a"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0f28ce1d-0a89-cda6-2c0d-aa213de2f88a","text":true,"v":"P.S:"},{"_id":"d9404050-9199-f26c-1113-2831c8372af8","text":true,"v":" Thanks to Memberstack, it works. Click it!"},{"_id":"418bca2e-1a49-4037-834b-e19d80bc8355","type":"FormWrapper","tag":"div","classes":["44681f2a-15fc-bce3-22ea-83e000a72e63"],"children":["418bca2e-1a49-4037-834b-e19d80bc8356","418bca2e-1a49-4037-834b-e19d80bc835e","418bca2e-1a49-4037-834b-e19d80bc8361"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"418bca2e-1a49-4037-834b-e19d80bc8356","type":"FormForm","tag":"form","classes":[],"children":["991a38f3-3274-b7bf-52f2-4bf78ac2e0dc","b940fd30-f1a6-3fbe-6c1a-ade73cb92c0c"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"991a38f3-3274-b7bf-52f2-4bf78ac2e0dc","type":"HtmlEmbed","tag":"div","classes":["df89e802-b2e1-e8a0-1c8d-c633e163596e"],"children":[],"v":"<input type=\"hidden\" data-ms-member=\"email\">\n<input type=\"hidden\" data-ms-member=\"password\">","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<input type=\"hidden\" data-ms-member=\"email\">\n<input type=\"hidden\" data-ms-member=\"password\">","div":false,"iframe":false,"script":false,"compilable":false}},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"b940fd30-f1a6-3fbe-6c1a-ade73cb92c0c","type":"Link","tag":"a","classes":["4c6a172b-8444-40e6-6866-9ce76c8945a2"],"children":["62e2816f-e652-0dc0-4d07-7af494e59612","dbd68d0a-6824-67c7-2d94-efa78772a9e5","e3ca5085-1ba2-3158-8225-a2cd0436b5e5"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"62e2816f-e652-0dc0-4d07-7af494e59612","type":"Block","tag":"div","classes":["9883cbe3-c6d5-c56f-8203-80c528a34a89"],"children":["34686a17-c78f-8bba-1cf0-190d727702a8","2125a94e-340b-5bc3-ad23-ad241a1f676f","35112893-4ac9-6fa8-c3ff-b30e2e695bbc","8e331652-3058-921b-dd54-2a9a4401cd49"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"34686a17-c78f-8bba-1cf0-190d727702a8","type":"Block","tag":"div","classes":["432b9586-76bc-a6e2-7a20-c6ae7c5895bd"],"children":[],"data":{"tag":"div","text":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2125a94e-340b-5bc3-ad23-ad241a1f676f","type":"Block","tag":"div","classes":["432b9586-76bc-a6e2-7a20-c6ae7c5895bd","9edd3bfc-b3fd-8011-bd43-d910019c5f75"],"children":[],"data":{"tag":"div","text":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"35112893-4ac9-6fa8-c3ff-b30e2e695bbc","type":"Block","tag":"div","classes":["432b9586-76bc-a6e2-7a20-c6ae7c5895bd","c682f7c5-9cee-cd3f-ddc4-fb4909dea01d"],"children":[],"data":{"tag":"div","text":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8e331652-3058-921b-dd54-2a9a4401cd49","type":"Block","tag":"div","classes":["432b9586-76bc-a6e2-7a20-c6ae7c5895bd","d7bfff94-c0cb-8e4f-5bc4-2f1016600e0c"],"children":[],"data":{"tag":"div","text":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dbd68d0a-6824-67c7-2d94-efa78772a9e5","type":"Block","tag":"div","classes":[],"children":["dbd68d0a-6824-67c7-2d94-efa78772a9e6"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dbd68d0a-6824-67c7-2d94-efa78772a9e6","text":true,"v":"Sign in with"},{"_id":"e3ca5085-1ba2-3158-8225-a2cd0436b5e5","type":"Image","tag":"img","classes":["33b5ce1e-be45-3da6-13f6-3970212f2afd"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6512e06ac63745338d8152e7/6512e443282ac6b8194be826_googlelogo.svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"img":{"id":"6512e443282ac6b8194be826"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"418bca2e-1a49-4037-834b-e19d80bc835e","type":"FormSuccessMessage","tag":"div","classes":[],"children":["418bca2e-1a49-4037-834b-e19d80bc835f"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"418bca2e-1a49-4037-834b-e19d80bc835f","type":"Block","tag":"div","classes":[],"children":["418bca2e-1a49-4037-834b-e19d80bc8360"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"418bca2e-1a49-4037-834b-e19d80bc8360","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"418bca2e-1a49-4037-834b-e19d80bc8361","type":"FormErrorMessage","tag":"div","classes":[],"children":["418bca2e-1a49-4037-834b-e19d80bc8362"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"418bca2e-1a49-4037-834b-e19d80bc8362","type":"Block","tag":"div","classes":[],"children":["418bca2e-1a49-4037-834b-e19d80bc8363"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"418bca2e-1a49-4037-834b-e19d80bc8363","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"df89e802-b2e1-e8a0-1c8d-c633e163596e","fake":false,"type":"class","name":"hide","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"c682f7c5-9cee-cd3f-ddc4-fb4909dea01d","fake":false,"type":"class","name":"is-green","namespace":"","comb":"&","styleLess":"background-color: hsla(136.03448275862067, 52.73%, 43.14%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"24275b67-c14b-d8a7-7c21-1d93379ecfd2","fake":false,"type":"class","name":"section_text","namespace":"","comb":"","styleLess":"display: flex; min-height: 100vh; padding-top: 5%; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"d7bfff94-c0cb-8e4f-5bc4-2f1016600e0c","fake":false,"type":"class","name":"is-blue","namespace":"","comb":"&","styleLess":"background-color: hsla(217.41573033707866, 89.00%, 60.78%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"33b5ce1e-be45-3da6-13f6-3970212f2afd","fake":false,"type":"class","name":"google-logo","namespace":"","comb":"","styleLess":"height: 20px; margin-bottom: -4px; margin-left: 5px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"9edd3bfc-b3fd-8011-bd43-d910019c5f75","fake":false,"type":"class","name":"is-yellow","namespace":"","comb":"&","styleLess":"background-color: hsla(44.93827160493827, 95.29%, 50.00%, 1.00);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"dabdee3b-d9cf-13cd-93a2-b789be0bf011","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 60rem;","variants":{},"children":["241f5adb-87da-b55d-4153-daed2e3f3e56"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"4c6a172b-8444-40e6-6866-9ce76c8945a2","fake":false,"type":"class","name":"google-button","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; padding-top: 15px; padding-right: 20px; padding-bottom: 12px; padding-left: 20px; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(217.41573033707866, 0.00%, 94.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(217.41573033707866, 0.00%, 94.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(217.41573033707866, 0.00%, 94.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(217.41573033707866, 0.00%, 94.00%, 1.00); background-color: hsla(217.41573033707866, 0.00%, 100.00%, 1.00); box-shadow: 0 2px 5px -1px rgba(0,0,0,0.2); color: hsla(0, 0.00%, 0.00%, 1.00); font-weight: 300; text-align: center; text-decoration: none;","variants":{},"children":["1de7801d-727a-204b-4742-68b9f32991e8"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"241f5adb-87da-b55d-4153-daed2e3f3e56","fake":false,"type":"class","name":"center","namespace":"","comb":"&","styleLess":"display: flex; max-width: 45rem; flex-direction: column; align-items: center; text-align: center;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"196722a0-09bf-d137-bea2-bc2562f4bf88","fake":false,"type":"class","name":"text","namespace":"","comb":"","styleLess":"margin-bottom: 20px; font-weight: 300;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"9883cbe3-c6d5-c56f-8203-80c528a34a89","fake":false,"type":"class","name":"google_top-bar","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: auto; display: flex; height: 3px; justify-content: space-between;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3cbbbbf2-4970-3353-f7e7-42c990f1bd09","fake":false,"type":"class","name":"heading-style-h1","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 1rem; font-weight: 500;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"44681f2a-15fc-bce3-22ea-83e000a72e63","fake":false,"type":"class","name":"one-tap_form-block","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"432b9586-76bc-a6e2-7a20-c6ae7c5895bd","fake":false,"type":"class","name":"google-bar_line","namespace":"","comb":"","styleLess":"height: 100%; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; background-color: hsla(4.640883977900553, 81.17%, 56.27%, 1.00);","variants":{},"children":["9edd3bfc-b3fd-8011-bd43-d910019c5f75","c682f7c5-9cee-cd3f-ddc4-fb4909dea01d","d7bfff94-c0cb-8e4f-5bc4-2f1016600e0c"],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6512e06ac63745338d8152e7/6512e443282ac6b8194be826_googlelogo.svg","siteId":"6512e06ac63745338d8152e7","width":272,"isHD":false,"height":92,"fileName":"6512e443282ac6b8194be826_googlelogo.svg","createdOn":"2023-09-26T14:01:39.536Z","origFileName":"googlelogo.svg","fileHash":"e99543bb86794e15928d03e9b41bb3c8","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6512e06ac63745338d8152e7/6512e443282ac6b8194be826_googlelogo.svg","thumbUrl":"https://cdn.prod.website-files.com/6512e06ac63745338d8152e7/6512e443282ac6b8194be826_googlelogo.svg","_id":"6512e443282ac6b8194be826","updatedOn":"2023-09-26T14:01:39.536Z","fileSize":1906,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
This component offers a stylish, retro-inspired Google button design that is compatible with Memberstack, enhancing user interaction with a nostalgic touch.
Key Features:
- Retro design aesthetic
- Memberstack compatibility for seamless integration
- Responsive layout for various devices
- Customizable styles and colors
- Includes form functionality for user sign-in
Design Elements:
- Flexbox layout for easy alignment
- Soft color palette with blue, yellow, and green accents
- Clean and minimalistic design with a vintage feel
Potential Use Cases:
- Web applications requiring Google sign-in functionality
- Landing pages for tech startups or apps
- Personal blogs or portfolios wanting a retro touch
- E-commerce sites looking to simplify user authentication
- Educational platforms needing user login features
Conclusion: The Clean Google Button (Old Fashioned) is a versatile and visually appealing component that combines modern functionality with a nostalgic design, making it suitable for a variety of web projects.
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.