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":"8101a502-53c4-e3ca-6f83-312fda605284","type":"Link","tag":"a","classes":["146f5157-a22a-d112-4167-1ad84576d09d"],"children":["df2ba68e-cd65-0acc-399c-74b3eb153616"],"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":"df2ba68e-cd65-0acc-399c-74b3eb153616","type":"Block","tag":"div","classes":["3e1ad74b-4cc5-bfcb-1c32-d155120ca75a"],"children":["9d210a8d-2e63-fd30-33dc-7b748cfaff69","611fad66-092b-15e3-dfc6-d3b7a0afa680"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9d210a8d-2e63-fd30-33dc-7b748cfaff69","type":"Block","tag":"div","classes":["e5644c73-8744-e852-4026-058e0b671cc2"],"children":["82788f93-61af-8b33-c6f9-195f8e0bd315","e177569c-6bd5-b267-0138-a13e86b94b8b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"82788f93-61af-8b33-c6f9-195f8e0bd315","type":"Image","tag":"img","classes":["f0847cd6-d767-db51-6a3b-6ae9934fdb12"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6490500a0362c1a424db6d08/649050e81600d893ba045ccd_googlesvg.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"649050e81600d893ba045ccd"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"e177569c-6bd5-b267-0138-a13e86b94b8b","type":"Block","tag":"div","classes":[],"children":["e177569c-6bd5-b267-0138-a13e86b94b8c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e177569c-6bd5-b267-0138-a13e86b94b8c","text":true,"v":"Continue with Google"},{"_id":"611fad66-092b-15e3-dfc6-d3b7a0afa680","type":"Block","tag":"div","classes":["e5644c73-8744-e852-4026-058e0b671cc2","3aa3a450-a9fe-ec08-125d-9af9464b41d5"],"children":["611fad66-092b-15e3-dfc6-d3b7a0afa681","611fad66-092b-15e3-dfc6-d3b7a0afa682"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"611fad66-092b-15e3-dfc6-d3b7a0afa681","type":"Image","tag":"img","classes":["f0847cd6-d767-db51-6a3b-6ae9934fdb12"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6490500a0362c1a424db6d08/649050e81600d893ba045ccd_googlesvg.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"649050e81600d893ba045ccd"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"611fad66-092b-15e3-dfc6-d3b7a0afa682","type":"Block","tag":"div","classes":[],"children":["611fad66-092b-15e3-dfc6-d3b7a0afa683"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"611fad66-092b-15e3-dfc6-d3b7a0afa683","text":true,"v":"Continue with Google"}],"styles":[{"_id":"146f5157-a22a-d112-4167-1ad84576d09d","fake":false,"type":"class","name":"google-button","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; height: 45px; padding-top: 41px; padding-right: 20px; padding-left: 20px; flex-direction: column; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 86.67%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 86.67%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 86.67%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 86.67%, 1.00); border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; box-shadow: 0 2px 5px 0 hsla(0, 0.00%, 0.00%, 0.08); color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 16px; text-decoration: none;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3e1ad74b-4cc5-bfcb-1c32-d155120ca75a","fake":false,"type":"class","name":"wraps","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"e5644c73-8744-e852-4026-058e0b671cc2","fake":false,"type":"class","name":"wrap_text-icon","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center;","variants":{},"children":["3aa3a450-a9fe-ec08-125d-9af9464b41d5"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"f0847cd6-d767-db51-6a3b-6ae9934fdb12","fake":false,"type":"class","name":"google-icon","namespace":"","comb":"","styleLess":"height: 20px; margin-right: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3aa3a450-a9fe-ec08-125d-9af9464b41d5","fake":false,"type":"class","name":"hov","namespace":"","comb":"&","styleLess":"margin-top: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6490500a0362c1a424db6d08/649050e81600d893ba045ccd_googlesvg.svg","siteId":"6490500a0362c1a424db6d08","width":706,"isHD":false,"height":720,"fileName":"649050e81600d893ba045ccd_googlesvg.svg","createdOn":"2023-06-19T12:58:16.274Z","origFileName":"googlesvg.svg","fileHash":"ea735e62c31af39012853c932d74375a","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6490500a0362c1a424db6d08/649050e81600d893ba045ccd_googlesvg.svg","thumbUrl":"https://cdn.prod.website-files.com/6490500a0362c1a424db6d08/649050e81600d893ba045ccd_googlesvg.svg","_id":"649050e81600d893ba045ccd","updatedOn":"2023-06-19T12:58:16.274Z","fileSize":1169}],"ix1":[],"ix2":{"interactions":[{"id":"i","interactionTypeId":"MOUSE_HOVER_INTERACTION","eventIds":["e","e-2"],"target":"6490500a0362c1a424db6d13|8101a502-53c4-e3ca-6f83-312fda605284","createdOn":1687180090356}],"events":[{"id":"e","name":"","animationType":"custom","eventTypeId":"MOUSE_OVER","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-2"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6490500a0362c1a424db6d13|8101a502-53c4-e3ca-6f83-312fda605284","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"6490500a0362c1a424db6d13|8101a502-53c4-e3ca-6f83-312fda605284","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1687180090356},{"id":"e-2","name":"","animationType":"custom","eventTypeId":"MOUSE_OUT","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-2","affectedElements":{},"playInReverse":false,"autoStopEventId":"e"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6490500a0362c1a424db6d13|8101a502-53c4-e3ca-6f83-312fda605284","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"6490500a0362c1a424db6d13|8101a502-53c4-e3ca-6f83-312fda605284","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1687180090357}],"actionLists":[{"id":"a","title":"Move Text Up","actionItemGroups":[{"actionItems":[{"id":"a-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"6490500a0362c1a424db6d13|df2ba68e-cd65-0acc-399c-74b3eb153616","appliesTo":"ELEMENT_CLASS","styleBlockIds":["3e1ad74b-4cc5-bfcb-1c32-d155120ca75a"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":-40,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-n-2","actionTypeId":"STYLE_BORDER","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"6490500a0362c1a424db6d13|8101a502-53c4-e3ca-6f83-312fda605284","appliesTo":"ELEMENT_CLASS","styleBlockIds":["146f5157-a22a-d112-4167-1ad84576d09d"],"boundaryMode":false},"globalSwatchId":"","rValue":91,"bValue":241,"gValue":83,"aValue":1},"instant":false},{"id":"a-n-3","actionTypeId":"STYLE_TEXT_COLOR","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"6490500a0362c1a424db6d13|8101a502-53c4-e3ca-6f83-312fda605284","appliesTo":"ELEMENT_CLASS","styleBlockIds":["146f5157-a22a-d112-4167-1ad84576d09d"],"boundaryMode":false},"globalSwatchId":"","rValue":91,"bValue":241,"gValue":83,"aValue":1},"instant":false}]}],"useFirstGroupAsInitialState":false,"createdOn":1687180093556},{"id":"a-2","title":"Move Text Down","actionItemGroups":[{"actionItems":[{"id":"a-2-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"6490500a0362c1a424db6d13|df2ba68e-cd65-0acc-399c-74b3eb153616","appliesTo":"ELEMENT_CLASS","styleBlockIds":["3e1ad74b-4cc5-bfcb-1c32-d155120ca75a"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":0,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-2-n-2","actionTypeId":"STYLE_TEXT_COLOR","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"6490500a0362c1a424db6d13|8101a502-53c4-e3ca-6f83-312fda605284","appliesTo":"ELEMENT_CLASS","styleBlockIds":["146f5157-a22a-d112-4167-1ad84576d09d"],"boundaryMode":false},"globalSwatchId":"","rValue":0,"bValue":0,"gValue":0,"aValue":1},"instant":false},{"id":"a-2-n-3","actionTypeId":"STYLE_BORDER","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"6490500a0362c1a424db6d13|8101a502-53c4-e3ca-6f83-312fda605284","appliesTo":"ELEMENT_CLASS","styleBlockIds":["146f5157-a22a-d112-4167-1ad84576d09d"],"boundaryMode":false},"globalSwatchId":"","rValue":221,"bValue":221,"gValue":221,"aValue":1},"instant":false}]}],"useFirstGroupAsInitialState":false,"createdOn":1687180093556}]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"8101a502-53c4-e3ca-6f83-312fda605284","type":"Link","tag":"a","classes":["146f5157-a22a-d112-4167-1ad84576d09d"],"children":["df2ba68e-cd65-0acc-399c-74b3eb153616"],"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":"df2ba68e-cd65-0acc-399c-74b3eb153616","type":"Block","tag":"div","classes":["3e1ad74b-4cc5-bfcb-1c32-d155120ca75a"],"children":["9d210a8d-2e63-fd30-33dc-7b748cfaff69","611fad66-092b-15e3-dfc6-d3b7a0afa680"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9d210a8d-2e63-fd30-33dc-7b748cfaff69","type":"Block","tag":"div","classes":["e5644c73-8744-e852-4026-058e0b671cc2"],"children":["82788f93-61af-8b33-c6f9-195f8e0bd315","e177569c-6bd5-b267-0138-a13e86b94b8b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"82788f93-61af-8b33-c6f9-195f8e0bd315","type":"Image","tag":"img","classes":["f0847cd6-d767-db51-6a3b-6ae9934fdb12"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6490500a0362c1a424db6d08/649050e81600d893ba045ccd_googlesvg.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"649050e81600d893ba045ccd"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"e177569c-6bd5-b267-0138-a13e86b94b8b","type":"Block","tag":"div","classes":[],"children":["e177569c-6bd5-b267-0138-a13e86b94b8c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e177569c-6bd5-b267-0138-a13e86b94b8c","text":true,"v":"Continue with Google"},{"_id":"611fad66-092b-15e3-dfc6-d3b7a0afa680","type":"Block","tag":"div","classes":["e5644c73-8744-e852-4026-058e0b671cc2","3aa3a450-a9fe-ec08-125d-9af9464b41d5"],"children":["611fad66-092b-15e3-dfc6-d3b7a0afa681","611fad66-092b-15e3-dfc6-d3b7a0afa682"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"611fad66-092b-15e3-dfc6-d3b7a0afa681","type":"Image","tag":"img","classes":["f0847cd6-d767-db51-6a3b-6ae9934fdb12"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6490500a0362c1a424db6d08/649050e81600d893ba045ccd_googlesvg.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"649050e81600d893ba045ccd"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"611fad66-092b-15e3-dfc6-d3b7a0afa682","type":"Block","tag":"div","classes":[],"children":["611fad66-092b-15e3-dfc6-d3b7a0afa683"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"611fad66-092b-15e3-dfc6-d3b7a0afa683","text":true,"v":"Continue with Google"}],"styles":[{"_id":"146f5157-a22a-d112-4167-1ad84576d09d","fake":false,"type":"class","name":"google-button","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; height: 45px; padding-top: 41px; padding-right: 20px; padding-left: 20px; flex-direction: column; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 86.67%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 86.67%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 86.67%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 86.67%, 1.00); border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; box-shadow: 0 2px 5px 0 hsla(0, 0.00%, 0.00%, 0.08); color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 16px; text-decoration: none;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3e1ad74b-4cc5-bfcb-1c32-d155120ca75a","fake":false,"type":"class","name":"wraps","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"e5644c73-8744-e852-4026-058e0b671cc2","fake":false,"type":"class","name":"wrap_text-icon","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center;","variants":{},"children":["3aa3a450-a9fe-ec08-125d-9af9464b41d5"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"f0847cd6-d767-db51-6a3b-6ae9934fdb12","fake":false,"type":"class","name":"google-icon","namespace":"","comb":"","styleLess":"height: 20px; margin-right: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3aa3a450-a9fe-ec08-125d-9af9464b41d5","fake":false,"type":"class","name":"hov","namespace":"","comb":"&","styleLess":"margin-top: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6490500a0362c1a424db6d08/649050e81600d893ba045ccd_googlesvg.svg","siteId":"6490500a0362c1a424db6d08","width":706,"isHD":false,"height":720,"fileName":"649050e81600d893ba045ccd_googlesvg.svg","createdOn":"2023-06-19T12:58:16.274Z","origFileName":"googlesvg.svg","fileHash":"ea735e62c31af39012853c932d74375a","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6490500a0362c1a424db6d08/649050e81600d893ba045ccd_googlesvg.svg","thumbUrl":"https://cdn.prod.website-files.com/6490500a0362c1a424db6d08/649050e81600d893ba045ccd_googlesvg.svg","_id":"649050e81600d893ba045ccd","updatedOn":"2023-06-19T12:58:16.274Z","fileSize":1169}],"ix1":[],"ix2":{"interactions":[{"id":"i","interactionTypeId":"MOUSE_HOVER_INTERACTION","eventIds":["e","e-2"],"target":"6490500a0362c1a424db6d13|8101a502-53c4-e3ca-6f83-312fda605284","createdOn":1687180090356}],"events":[{"id":"e","name":"","animationType":"custom","eventTypeId":"MOUSE_OVER","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a","affectedElements":{},"playInReverse":false,"autoStopEventId":"e-2"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6490500a0362c1a424db6d13|8101a502-53c4-e3ca-6f83-312fda605284","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"6490500a0362c1a424db6d13|8101a502-53c4-e3ca-6f83-312fda605284","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1687180090356},{"id":"e-2","name":"","animationType":"custom","eventTypeId":"MOUSE_OUT","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":"a-2","affectedElements":{},"playInReverse":false,"autoStopEventId":"e"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"6490500a0362c1a424db6d13|8101a502-53c4-e3ca-6f83-312fda605284","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[{"id":"6490500a0362c1a424db6d13|8101a502-53c4-e3ca-6f83-312fda605284","appliesTo":"ELEMENT","styleBlockIds":[]}],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1687180090357}],"actionLists":[{"id":"a","title":"Move Text Up","actionItemGroups":[{"actionItems":[{"id":"a-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"6490500a0362c1a424db6d13|df2ba68e-cd65-0acc-399c-74b3eb153616","appliesTo":"ELEMENT_CLASS","styleBlockIds":["3e1ad74b-4cc5-bfcb-1c32-d155120ca75a"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":-40,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-n-2","actionTypeId":"STYLE_BORDER","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"6490500a0362c1a424db6d13|8101a502-53c4-e3ca-6f83-312fda605284","appliesTo":"ELEMENT_CLASS","styleBlockIds":["146f5157-a22a-d112-4167-1ad84576d09d"],"boundaryMode":false},"globalSwatchId":"","rValue":91,"bValue":241,"gValue":83,"aValue":1},"instant":false},{"id":"a-n-3","actionTypeId":"STYLE_TEXT_COLOR","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"6490500a0362c1a424db6d13|8101a502-53c4-e3ca-6f83-312fda605284","appliesTo":"ELEMENT_CLASS","styleBlockIds":["146f5157-a22a-d112-4167-1ad84576d09d"],"boundaryMode":false},"globalSwatchId":"","rValue":91,"bValue":241,"gValue":83,"aValue":1},"instant":false}]}],"useFirstGroupAsInitialState":false,"createdOn":1687180093556},{"id":"a-2","title":"Move Text Down","actionItemGroups":[{"actionItems":[{"id":"a-2-n","actionTypeId":"TRANSFORM_MOVE","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"6490500a0362c1a424db6d13|df2ba68e-cd65-0acc-399c-74b3eb153616","appliesTo":"ELEMENT_CLASS","styleBlockIds":["3e1ad74b-4cc5-bfcb-1c32-d155120ca75a"],"useEventTarget":"CHILDREN","boundaryMode":false},"yValue":0,"xUnit":"PX","yUnit":"px","zUnit":"PX"},"instant":false},{"id":"a-2-n-2","actionTypeId":"STYLE_TEXT_COLOR","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"6490500a0362c1a424db6d13|8101a502-53c4-e3ca-6f83-312fda605284","appliesTo":"ELEMENT_CLASS","styleBlockIds":["146f5157-a22a-d112-4167-1ad84576d09d"],"boundaryMode":false},"globalSwatchId":"","rValue":0,"bValue":0,"gValue":0,"aValue":1},"instant":false},{"id":"a-2-n-3","actionTypeId":"STYLE_BORDER","config":{"delay":0,"easing":"ease","duration":200,"target":{"nodeId":"6490500a0362c1a424db6d13|8101a502-53c4-e3ca-6f83-312fda605284","appliesTo":"ELEMENT_CLASS","styleBlockIds":["146f5157-a22a-d112-4167-1ad84576d09d"],"boundaryMode":false},"globalSwatchId":"","rValue":221,"bValue":221,"gValue":221,"aValue":1},"instant":false}]}],"useFirstGroupAsInitialState":false,"createdOn":1687180093556}]}},"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
Component Description (Generated by AI)
The Animated Google Auth Button is a visually appealing component designed to facilitate Google authentication on websites. It features an engaging animation that enhances user interaction.
Key Features:
- Google authentication integration
- Animated hover effects
- Responsive design
- Customizable styles
- Includes Google logo
Design Elements:
- Flexbox layout for alignment
- Rounded corners with a shadow effect
- Color scheme featuring Google colors
- Text and icon alignment for clarity
Potential Use Cases:
- Web applications requiring user login
- E-commerce sites needing secure authentication
- Portfolio websites showcasing projects with Google login
- SaaS platforms offering Google integration
- Mobile-friendly websites needing quick access
Conclusion: The Animated Google Auth Button is a versatile and stylish component that enhances user experience while providing essential authentication functionality.