Loading Component...

Loading

More Components

View All
Part of

Social Login Dropdown

Oops! Something went wrong while submitting the form.
Social Login Dropdown
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"8a84267d-f634-4f05-df51-f79f1028d34f","type":"DropdownWrapper","tag":"div","classes":["52574e8f-31ce-49c7-80ec-8135d1def751"],"children":["8a84267d-f634-4f05-df51-f79f1028d350","8a84267d-f634-4f05-df51-f79f1028d354"],"data":{"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"wrapper"},"attr":{"data-hover":false,"data-delay":0,"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8a84267d-f634-4f05-df51-f79f1028d350","type":"DropdownToggle","tag":"div","classes":["3a76f70a-cd16-4162-3922-c62d475e1604"],"children":["8a84267d-f634-4f05-df51-f79f1028d351","8a84267d-f634-4f05-df51-f79f1028d352"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"toggle"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8a84267d-f634-4f05-df51-f79f1028d351","type":"Icon","tag":"div","classes":[],"children":[],"data":{"widget":{"type":"icon","icon":"dropdown-toggle"},"search":{"exclude":true},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"8a84267d-f634-4f05-df51-f79f1028d352","type":"Block","tag":"div","classes":[],"children":["deb3d5e1-568e-5aab-c4be-58f800de9614"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"deb3d5e1-568e-5aab-c4be-58f800de9614","text":true,"v":"Sign up with your social account"},{"_id":"8a84267d-f634-4f05-df51-f79f1028d354","type":"DropdownList","tag":"nav","classes":["444803f1-36e6-14ab-c438-a4026326bdb1"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0224","266c221d-e014-0dc0-15a6-81e9ad2e0233","266c221d-e014-0dc0-15a6-81e9ad2e0242","266c221d-e014-0dc0-15a6-81e9ad2e0251","266c221d-e014-0dc0-15a6-81e9ad2e0260","266c221d-e014-0dc0-15a6-81e9ad2e026f","266c221d-e014-0dc0-15a6-81e9ad2e027e"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"list"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"nav"}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0224","type":"Link","tag":"a","classes":["b78c2541-8473-a75b-a297-efaf65e93385"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0225"],"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":"266c221d-e014-0dc0-15a6-81e9ad2e0225","type":"Block","tag":"div","classes":["b78c2541-8473-a75b-a297-efaf65e93386"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0226","266c221d-e014-0dc0-15a6-81e9ad2e0227","58f9169f-f396-3846-648c-a82e7b4294c3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0226","type":"Image","tag":"img","classes":["3e7f4474-bee1-03cf-9e0e-915f224e02a6"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bd_google.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6480754ac59ad5a032e521bd"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0227","type":"Block","tag":"div","classes":["67a655d2-2c0f-837d-4420-e36e24bfdb13"],"children":["e5f85336-35e9-377e-eded-7ebc4f86a72e"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Google"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e5f85336-35e9-377e-eded-7ebc4f86a72e","text":true,"v":"Continue with Google"},{"_id":"58f9169f-f396-3846-648c-a82e7b4294c3","type":"Block","tag":"div","classes":["976353a4-49a8-bf17-055a-fd51b5593578"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0233","type":"Link","tag":"a","classes":["b78c2541-8473-a75b-a297-efaf65e93385"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0234"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"facebook"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0234","type":"Block","tag":"div","classes":["b78c2541-8473-a75b-a297-efaf65e93386"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0235","266c221d-e014-0dc0-15a6-81e9ad2e0236","0f960faa-053f-420a-3c45-acdfb52c44a5"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0235","type":"Image","tag":"img","classes":["3e7f4474-bee1-03cf-9e0e-915f224e02a6"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bc_facebook.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6480754ac59ad5a032e521bc"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0236","type":"Block","tag":"div","classes":["67a655d2-2c0f-837d-4420-e36e24bfdb13"],"children":["f7f8147c-449e-da6d-ff08-4343b13c62b3"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Facebook"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f7f8147c-449e-da6d-ff08-4343b13c62b3","text":true,"v":"Continue with Facebook"},{"_id":"0f960faa-053f-420a-3c45-acdfb52c44a5","type":"Block","tag":"div","classes":["976353a4-49a8-bf17-055a-fd51b5593578"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0242","type":"Link","tag":"a","classes":["b78c2541-8473-a75b-a297-efaf65e93385"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0243"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"spotify"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0243","type":"Block","tag":"div","classes":["b78c2541-8473-a75b-a297-efaf65e93386"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0244","266c221d-e014-0dc0-15a6-81e9ad2e0245","240f7236-f017-9deb-8220-3170a7c96636"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0244","type":"Image","tag":"img","classes":["3e7f4474-bee1-03cf-9e0e-915f224e02a6"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521b9_spotify.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6480754ac59ad5a032e521b9"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0245","type":"Block","tag":"div","classes":["67a655d2-2c0f-837d-4420-e36e24bfdb13"],"children":["938dc8eb-c599-8dba-cf73-991436749e6c"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Spotify"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"938dc8eb-c599-8dba-cf73-991436749e6c","text":true,"v":"Continue with Spotify"},{"_id":"240f7236-f017-9deb-8220-3170a7c96636","type":"Block","tag":"div","classes":["976353a4-49a8-bf17-055a-fd51b5593578"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0251","type":"Link","tag":"a","classes":["b78c2541-8473-a75b-a297-efaf65e93385"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0252"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"microsoft"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0252","type":"Block","tag":"div","classes":["b78c2541-8473-a75b-a297-efaf65e93386"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0253","266c221d-e014-0dc0-15a6-81e9ad2e0254","e3ec4f10-dbbd-6d1e-0003-0cdc6ec35bda"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0253","type":"Image","tag":"img","classes":["3e7f4474-bee1-03cf-9e0e-915f224e02a6"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521ba_microsoft.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6480754ac59ad5a032e521ba"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0254","type":"Block","tag":"div","classes":["67a655d2-2c0f-837d-4420-e36e24bfdb13"],"children":["d328c3b7-617f-d8be-1499-f8637a1b9366"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Microsoft"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d328c3b7-617f-d8be-1499-f8637a1b9366","text":true,"v":"Continue with Microsoft"},{"_id":"e3ec4f10-dbbd-6d1e-0003-0cdc6ec35bda","type":"Block","tag":"div","classes":["976353a4-49a8-bf17-055a-fd51b5593578"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0260","type":"Link","tag":"a","classes":["b78c2541-8473-a75b-a297-efaf65e93385"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0261"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"dribbble"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0261","type":"Block","tag":"div","classes":["b78c2541-8473-a75b-a297-efaf65e93386"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0262","266c221d-e014-0dc0-15a6-81e9ad2e0263","43a2047d-579f-ddd5-bed0-ecccfc4b3fd0"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0262","type":"Image","tag":"img","classes":["3e7f4474-bee1-03cf-9e0e-915f224e02a6"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521be_dribbble-svgrepo-com.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6480754ac59ad5a032e521be"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0263","type":"Block","tag":"div","classes":["67a655d2-2c0f-837d-4420-e36e24bfdb13"],"children":["0612af0a-6b87-9cef-ee31-3427f948be1b"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Dribbble"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0612af0a-6b87-9cef-ee31-3427f948be1b","text":true,"v":"Continue with Dribbble"},{"_id":"43a2047d-579f-ddd5-bed0-ecccfc4b3fd0","type":"Block","tag":"div","classes":["976353a4-49a8-bf17-055a-fd51b5593578"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e026f","type":"Link","tag":"a","classes":["b78c2541-8473-a75b-a297-efaf65e93385"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0270"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"github"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0270","type":"Block","tag":"div","classes":["b78c2541-8473-a75b-a297-efaf65e93386"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0271","266c221d-e014-0dc0-15a6-81e9ad2e0272","a726f932-a997-5a15-970b-c7d518721e98"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0271","type":"Image","tag":"img","classes":["3e7f4474-bee1-03cf-9e0e-915f224e02a6"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521b8_github.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6480754ac59ad5a032e521b8"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0272","type":"Block","tag":"div","classes":["67a655d2-2c0f-837d-4420-e36e24bfdb13"],"children":["81158ff1-ccc4-8095-bc7b-a736a7252672"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Github"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"81158ff1-ccc4-8095-bc7b-a736a7252672","text":true,"v":"Continue with Github"},{"_id":"a726f932-a997-5a15-970b-c7d518721e98","type":"Block","tag":"div","classes":["976353a4-49a8-bf17-055a-fd51b5593578"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e027e","type":"Link","tag":"a","classes":["b78c2541-8473-a75b-a297-efaf65e93385"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e027f"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"linkedin"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e027f","type":"Block","tag":"div","classes":["b78c2541-8473-a75b-a297-efaf65e93386"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0280","266c221d-e014-0dc0-15a6-81e9ad2e0281","f6564910-2c12-bab7-3ebc-57885ad15cef"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0280","type":"Image","tag":"img","classes":["3e7f4474-bee1-03cf-9e0e-915f224e02a6"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bb_linkedin.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6480754ac59ad5a032e521bb"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0281","type":"Block","tag":"div","classes":["67a655d2-2c0f-837d-4420-e36e24bfdb13"],"children":["bb2eeade-7835-146c-0b47-9733fbeda4ad"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect LinkedIn"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"bb2eeade-7835-146c-0b47-9733fbeda4ad","text":true,"v":"Continue with LinkedIn"},{"_id":"f6564910-2c12-bab7-3ebc-57885ad15cef","type":"Block","tag":"div","classes":["976353a4-49a8-bf17-055a-fd51b5593578"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}}],"styles":[{"_id":"52574e8f-31ce-49c7-80ec-8135d1def751","fake":false,"type":"class","name":"dropdown","namespace":"","comb":"","styleLess":"width: 100%; margin-top: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3a76f70a-cd16-4162-3922-c62d475e1604","fake":false,"type":"class","name":"dropdown-toggle","namespace":"","comb":"","styleLess":"width: 100%; padding-top: 12px; padding-right: 50px; padding-bottom: 12px; padding-left: 25px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 90.67%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 90.67%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 90.67%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 90.67%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 15px; font-weight: 300; text-align: center;","variants":{"main_open":{"styleLess":"border-top-style: solid; border-top-color: hsla(0, 0.00%, 87.06%, 1.00); border-right-style: solid; border-right-color: hsla(0, 0.00%, 87.06%, 1.00); border-bottom-style: solid; border-bottom-color: hsla(0, 0.00%, 100.00%, 1.00); border-left-style: solid; border-left-color: hsla(0, 0.00%, 87.06%, 1.00); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; box-shadow: none /* 0 2px 2px 0 rgba(0,0,0,0.2) */;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"444803f1-36e6-14ab-c438-a4026326bdb1","fake":false,"type":"class","name":"dropdown-list","namespace":"","comb":"","styleLess":"","variants":{"main_open":{"styleLess":"border-top-style: none; 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: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(0, 0.00%, 100.00%, 1.00);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b78c2541-8473-a75b-a297-efaf65e93385","fake":false,"type":"class","name":"social-btn","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; padding-top: 12px; padding-right: 15px; padding-bottom: 12px; padding-left: 15px; 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); transition-property: background-color; transition-duration: 200ms; transition-timing-function: ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 14px; font-weight: 300; text-decoration: none;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; 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;"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"background-color: hsla(0, 0.00%, 96.67%, 1.00);"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"b78c2541-8473-a75b-a297-efaf65e93386","fake":false,"type":"class","name":"social-content","namespace":"","comb":"","styleLess":"display: flex; width: 100%; justify-content: space-between; align-items: center; grid-column-gap: 16px; grid-row-gap: 16px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"3e7f4474-bee1-03cf-9e0e-915f224e02a6","fake":false,"type":"class","name":"social-image","namespace":"","comb":"","styleLess":"width: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","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":"976353a4-49a8-bf17-055a-fd51b5593578","fake":false,"type":"class","name":"spacer-0","namespace":"","comb":"","styleLess":"width: 0px; height: 0px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bd_google.svg","siteId":"6480754ac59ad5a032e521aa","width":24,"isHD":false,"height":24,"fileName":"6480754ac59ad5a032e521bd_google.svg","createdOn":"2022-09-22T17:08:00.605Z","origFileName":"google.svg","fileHash":"b7727941c0e8a117b6cfd8f06a1cb7ed","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bd_google.svg","thumbUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bd_google.svg","_id":"6480754ac59ad5a032e521bd","updatedOn":"2023-06-07T12:17:14.895Z","fileSize":1307},{"cdnUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bc_facebook.svg","siteId":"6480754ac59ad5a032e521aa","width":507,"isHD":false,"height":507,"fileName":"6480754ac59ad5a032e521bc_facebook.svg","createdOn":"2022-09-22T17:06:21.414Z","origFileName":"facebook.svg","fileHash":"66789de071c028b87f9661321cf9984f","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bc_facebook.svg","thumbUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bc_facebook.svg","_id":"6480754ac59ad5a032e521bc","updatedOn":"2023-06-07T12:17:14.862Z","fileSize":758},{"cdnUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521b9_spotify.svg","siteId":"6480754ac59ad5a032e521aa","width":1333,"isHD":false,"height":1333,"fileName":"6480754ac59ad5a032e521b9_spotify.svg","createdOn":"2022-09-22T17:05:08.595Z","origFileName":"spotify.svg","fileHash":"fad0aaedeb9ff1194ea282ca60f3aed4","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521b9_spotify.svg","thumbUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521b9_spotify.svg","_id":"6480754ac59ad5a032e521b9","updatedOn":"2023-06-07T12:17:14.869Z","fileSize":1125},{"cdnUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521ba_microsoft.svg","siteId":"6480754ac59ad5a032e521aa","width":129,"isHD":false,"height":129,"fileName":"6480754ac59ad5a032e521ba_microsoft.svg","createdOn":"2022-09-22T17:05:08.610Z","origFileName":"microsoft.svg","fileHash":"21f653557e9750b75a8bbe21d23f2aaf","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521ba_microsoft.svg","thumbUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521ba_microsoft.svg","_id":"6480754ac59ad5a032e521ba","updatedOn":"2023-06-07T12:17:14.886Z","fileSize":684},{"cdnUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521be_dribbble-svgrepo-com.svg","siteId":"6480754ac59ad5a032e521aa","width":512,"isHD":false,"height":512,"fileName":"6480754ac59ad5a032e521be_dribbble-svgrepo-com.svg","createdOn":"2022-09-22T17:49:09.832Z","origFileName":"dribbble-svgrepo-com.svg","fileHash":"e7f954cb0117d95685f0a42f40f83f9e","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521be_dribbble-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521be_dribbble-svgrepo-com.svg","_id":"6480754ac59ad5a032e521be","updatedOn":"2023-06-07T12:17:14.897Z","fileSize":2253},{"cdnUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521b8_github.svg","siteId":"6480754ac59ad5a032e521aa","width":64,"isHD":false,"height":64,"fileName":"6480754ac59ad5a032e521b8_github.svg","createdOn":"2022-09-22T17:05:08.563Z","origFileName":"github.svg","fileHash":"a9f7ad3dc6d998df5c984f5363913c7f","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521b8_github.svg","thumbUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521b8_github.svg","_id":"6480754ac59ad5a032e521b8","updatedOn":"2023-06-07T12:17:14.889Z","fileSize":1227},{"cdnUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bb_linkedin.svg","siteId":"6480754ac59ad5a032e521aa","width":123,"isHD":false,"height":122,"fileName":"6480754ac59ad5a032e521bb_linkedin.svg","createdOn":"2022-09-22T17:05:08.994Z","origFileName":"linkedin.svg","fileHash":"8d49d9435528ebe621d8b6317c7b183d","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bb_linkedin.svg","thumbUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bb_linkedin.svg","_id":"6480754ac59ad5a032e521bb","updatedOn":"2023-06-07T12:17:14.872Z","fileSize":689}],"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":"8a84267d-f634-4f05-df51-f79f1028d34f","type":"DropdownWrapper","tag":"div","classes":["52574e8f-31ce-49c7-80ec-8135d1def751"],"children":["8a84267d-f634-4f05-df51-f79f1028d350","8a84267d-f634-4f05-df51-f79f1028d354"],"data":{"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"wrapper"},"attr":{"data-hover":false,"data-delay":0,"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8a84267d-f634-4f05-df51-f79f1028d350","type":"DropdownToggle","tag":"div","classes":["3a76f70a-cd16-4162-3922-c62d475e1604"],"children":["8a84267d-f634-4f05-df51-f79f1028d351","8a84267d-f634-4f05-df51-f79f1028d352"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"toggle"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8a84267d-f634-4f05-df51-f79f1028d351","type":"Icon","tag":"div","classes":[],"children":[],"data":{"widget":{"type":"icon","icon":"dropdown-toggle"},"search":{"exclude":true},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"8a84267d-f634-4f05-df51-f79f1028d352","type":"Block","tag":"div","classes":[],"children":["deb3d5e1-568e-5aab-c4be-58f800de9614"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"deb3d5e1-568e-5aab-c4be-58f800de9614","text":true,"v":"Sign up with your social account"},{"_id":"8a84267d-f634-4f05-df51-f79f1028d354","type":"DropdownList","tag":"nav","classes":["444803f1-36e6-14ab-c438-a4026326bdb1"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0224","266c221d-e014-0dc0-15a6-81e9ad2e0233","266c221d-e014-0dc0-15a6-81e9ad2e0242","266c221d-e014-0dc0-15a6-81e9ad2e0251","266c221d-e014-0dc0-15a6-81e9ad2e0260","266c221d-e014-0dc0-15a6-81e9ad2e026f","266c221d-e014-0dc0-15a6-81e9ad2e027e"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"dropdown":{"type":"list"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"nav"}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0224","type":"Link","tag":"a","classes":["b78c2541-8473-a75b-a297-efaf65e93385"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0225"],"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":"266c221d-e014-0dc0-15a6-81e9ad2e0225","type":"Block","tag":"div","classes":["b78c2541-8473-a75b-a297-efaf65e93386"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0226","266c221d-e014-0dc0-15a6-81e9ad2e0227","58f9169f-f396-3846-648c-a82e7b4294c3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0226","type":"Image","tag":"img","classes":["3e7f4474-bee1-03cf-9e0e-915f224e02a6"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bd_google.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6480754ac59ad5a032e521bd"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0227","type":"Block","tag":"div","classes":["67a655d2-2c0f-837d-4420-e36e24bfdb13"],"children":["e5f85336-35e9-377e-eded-7ebc4f86a72e"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Google"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e5f85336-35e9-377e-eded-7ebc4f86a72e","text":true,"v":"Continue with Google"},{"_id":"58f9169f-f396-3846-648c-a82e7b4294c3","type":"Block","tag":"div","classes":["976353a4-49a8-bf17-055a-fd51b5593578"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0233","type":"Link","tag":"a","classes":["b78c2541-8473-a75b-a297-efaf65e93385"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0234"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"facebook"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0234","type":"Block","tag":"div","classes":["b78c2541-8473-a75b-a297-efaf65e93386"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0235","266c221d-e014-0dc0-15a6-81e9ad2e0236","0f960faa-053f-420a-3c45-acdfb52c44a5"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0235","type":"Image","tag":"img","classes":["3e7f4474-bee1-03cf-9e0e-915f224e02a6"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bc_facebook.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6480754ac59ad5a032e521bc"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0236","type":"Block","tag":"div","classes":["67a655d2-2c0f-837d-4420-e36e24bfdb13"],"children":["f7f8147c-449e-da6d-ff08-4343b13c62b3"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Facebook"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f7f8147c-449e-da6d-ff08-4343b13c62b3","text":true,"v":"Continue with Facebook"},{"_id":"0f960faa-053f-420a-3c45-acdfb52c44a5","type":"Block","tag":"div","classes":["976353a4-49a8-bf17-055a-fd51b5593578"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0242","type":"Link","tag":"a","classes":["b78c2541-8473-a75b-a297-efaf65e93385"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0243"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"spotify"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0243","type":"Block","tag":"div","classes":["b78c2541-8473-a75b-a297-efaf65e93386"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0244","266c221d-e014-0dc0-15a6-81e9ad2e0245","240f7236-f017-9deb-8220-3170a7c96636"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0244","type":"Image","tag":"img","classes":["3e7f4474-bee1-03cf-9e0e-915f224e02a6"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521b9_spotify.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6480754ac59ad5a032e521b9"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0245","type":"Block","tag":"div","classes":["67a655d2-2c0f-837d-4420-e36e24bfdb13"],"children":["938dc8eb-c599-8dba-cf73-991436749e6c"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Spotify"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"938dc8eb-c599-8dba-cf73-991436749e6c","text":true,"v":"Continue with Spotify"},{"_id":"240f7236-f017-9deb-8220-3170a7c96636","type":"Block","tag":"div","classes":["976353a4-49a8-bf17-055a-fd51b5593578"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0251","type":"Link","tag":"a","classes":["b78c2541-8473-a75b-a297-efaf65e93385"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0252"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"microsoft"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0252","type":"Block","tag":"div","classes":["b78c2541-8473-a75b-a297-efaf65e93386"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0253","266c221d-e014-0dc0-15a6-81e9ad2e0254","e3ec4f10-dbbd-6d1e-0003-0cdc6ec35bda"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0253","type":"Image","tag":"img","classes":["3e7f4474-bee1-03cf-9e0e-915f224e02a6"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521ba_microsoft.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6480754ac59ad5a032e521ba"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0254","type":"Block","tag":"div","classes":["67a655d2-2c0f-837d-4420-e36e24bfdb13"],"children":["d328c3b7-617f-d8be-1499-f8637a1b9366"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Microsoft"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d328c3b7-617f-d8be-1499-f8637a1b9366","text":true,"v":"Continue with Microsoft"},{"_id":"e3ec4f10-dbbd-6d1e-0003-0cdc6ec35bda","type":"Block","tag":"div","classes":["976353a4-49a8-bf17-055a-fd51b5593578"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0260","type":"Link","tag":"a","classes":["b78c2541-8473-a75b-a297-efaf65e93385"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0261"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"dribbble"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0261","type":"Block","tag":"div","classes":["b78c2541-8473-a75b-a297-efaf65e93386"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0262","266c221d-e014-0dc0-15a6-81e9ad2e0263","43a2047d-579f-ddd5-bed0-ecccfc4b3fd0"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0262","type":"Image","tag":"img","classes":["3e7f4474-bee1-03cf-9e0e-915f224e02a6"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521be_dribbble-svgrepo-com.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6480754ac59ad5a032e521be"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0263","type":"Block","tag":"div","classes":["67a655d2-2c0f-837d-4420-e36e24bfdb13"],"children":["0612af0a-6b87-9cef-ee31-3427f948be1b"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Dribbble"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0612af0a-6b87-9cef-ee31-3427f948be1b","text":true,"v":"Continue with Dribbble"},{"_id":"43a2047d-579f-ddd5-bed0-ecccfc4b3fd0","type":"Block","tag":"div","classes":["976353a4-49a8-bf17-055a-fd51b5593578"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e026f","type":"Link","tag":"a","classes":["b78c2541-8473-a75b-a297-efaf65e93385"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0270"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"github"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0270","type":"Block","tag":"div","classes":["b78c2541-8473-a75b-a297-efaf65e93386"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0271","266c221d-e014-0dc0-15a6-81e9ad2e0272","a726f932-a997-5a15-970b-c7d518721e98"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0271","type":"Image","tag":"img","classes":["3e7f4474-bee1-03cf-9e0e-915f224e02a6"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521b8_github.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6480754ac59ad5a032e521b8"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0272","type":"Block","tag":"div","classes":["67a655d2-2c0f-837d-4420-e36e24bfdb13"],"children":["81158ff1-ccc4-8095-bc7b-a736a7252672"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Github"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"81158ff1-ccc4-8095-bc7b-a736a7252672","text":true,"v":"Continue with Github"},{"_id":"a726f932-a997-5a15-970b-c7d518721e98","type":"Block","tag":"div","classes":["976353a4-49a8-bf17-055a-fd51b5593578"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e027e","type":"Link","tag":"a","classes":["b78c2541-8473-a75b-a297-efaf65e93385"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e027f"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"linkedin"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e027f","type":"Block","tag":"div","classes":["b78c2541-8473-a75b-a297-efaf65e93386"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0280","266c221d-e014-0dc0-15a6-81e9ad2e0281","f6564910-2c12-bab7-3ebc-57885ad15cef"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0280","type":"Image","tag":"img","classes":["3e7f4474-bee1-03cf-9e0e-915f224e02a6"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bb_linkedin.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6480754ac59ad5a032e521bb"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0281","type":"Block","tag":"div","classes":["67a655d2-2c0f-837d-4420-e36e24bfdb13"],"children":["bb2eeade-7835-146c-0b47-9733fbeda4ad"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect LinkedIn"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"bb2eeade-7835-146c-0b47-9733fbeda4ad","text":true,"v":"Continue with LinkedIn"},{"_id":"f6564910-2c12-bab7-3ebc-57885ad15cef","type":"Block","tag":"div","classes":["976353a4-49a8-bf17-055a-fd51b5593578"],"children":[],"data":{"tag":"div","text":false,"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}}],"styles":[{"_id":"52574e8f-31ce-49c7-80ec-8135d1def751","fake":false,"type":"class","name":"dropdown","namespace":"","comb":"","styleLess":"width: 100%; margin-top: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3a76f70a-cd16-4162-3922-c62d475e1604","fake":false,"type":"class","name":"dropdown-toggle","namespace":"","comb":"","styleLess":"width: 100%; padding-top: 12px; padding-right: 50px; padding-bottom: 12px; padding-left: 25px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 90.67%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 90.67%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 90.67%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 90.67%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 15px; font-weight: 300; text-align: center;","variants":{"main_open":{"styleLess":"border-top-style: solid; border-top-color: hsla(0, 0.00%, 87.06%, 1.00); border-right-style: solid; border-right-color: hsla(0, 0.00%, 87.06%, 1.00); border-bottom-style: solid; border-bottom-color: hsla(0, 0.00%, 100.00%, 1.00); border-left-style: solid; border-left-color: hsla(0, 0.00%, 87.06%, 1.00); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; box-shadow: none /* 0 2px 2px 0 rgba(0,0,0,0.2) */;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"444803f1-36e6-14ab-c438-a4026326bdb1","fake":false,"type":"class","name":"dropdown-list","namespace":"","comb":"","styleLess":"","variants":{"main_open":{"styleLess":"border-top-style: none; 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: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(0, 0.00%, 100.00%, 1.00);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"b78c2541-8473-a75b-a297-efaf65e93385","fake":false,"type":"class","name":"social-btn","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; padding-top: 12px; padding-right: 15px; padding-bottom: 12px; padding-left: 15px; 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); transition-property: background-color; transition-duration: 200ms; transition-timing-function: ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 14px; font-weight: 300; text-decoration: none;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; 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;"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"background-color: hsla(0, 0.00%, 96.67%, 1.00);"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"b78c2541-8473-a75b-a297-efaf65e93386","fake":false,"type":"class","name":"social-content","namespace":"","comb":"","styleLess":"display: flex; width: 100%; justify-content: space-between; align-items: center; grid-column-gap: 16px; grid-row-gap: 16px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"3e7f4474-bee1-03cf-9e0e-915f224e02a6","fake":false,"type":"class","name":"social-image","namespace":"","comb":"","styleLess":"width: 20px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","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":"976353a4-49a8-bf17-055a-fd51b5593578","fake":false,"type":"class","name":"spacer-0","namespace":"","comb":"","styleLess":"width: 0px; height: 0px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bd_google.svg","siteId":"6480754ac59ad5a032e521aa","width":24,"isHD":false,"height":24,"fileName":"6480754ac59ad5a032e521bd_google.svg","createdOn":"2022-09-22T17:08:00.605Z","origFileName":"google.svg","fileHash":"b7727941c0e8a117b6cfd8f06a1cb7ed","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bd_google.svg","thumbUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bd_google.svg","_id":"6480754ac59ad5a032e521bd","updatedOn":"2023-06-07T12:17:14.895Z","fileSize":1307},{"cdnUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bc_facebook.svg","siteId":"6480754ac59ad5a032e521aa","width":507,"isHD":false,"height":507,"fileName":"6480754ac59ad5a032e521bc_facebook.svg","createdOn":"2022-09-22T17:06:21.414Z","origFileName":"facebook.svg","fileHash":"66789de071c028b87f9661321cf9984f","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bc_facebook.svg","thumbUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bc_facebook.svg","_id":"6480754ac59ad5a032e521bc","updatedOn":"2023-06-07T12:17:14.862Z","fileSize":758},{"cdnUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521b9_spotify.svg","siteId":"6480754ac59ad5a032e521aa","width":1333,"isHD":false,"height":1333,"fileName":"6480754ac59ad5a032e521b9_spotify.svg","createdOn":"2022-09-22T17:05:08.595Z","origFileName":"spotify.svg","fileHash":"fad0aaedeb9ff1194ea282ca60f3aed4","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521b9_spotify.svg","thumbUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521b9_spotify.svg","_id":"6480754ac59ad5a032e521b9","updatedOn":"2023-06-07T12:17:14.869Z","fileSize":1125},{"cdnUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521ba_microsoft.svg","siteId":"6480754ac59ad5a032e521aa","width":129,"isHD":false,"height":129,"fileName":"6480754ac59ad5a032e521ba_microsoft.svg","createdOn":"2022-09-22T17:05:08.610Z","origFileName":"microsoft.svg","fileHash":"21f653557e9750b75a8bbe21d23f2aaf","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521ba_microsoft.svg","thumbUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521ba_microsoft.svg","_id":"6480754ac59ad5a032e521ba","updatedOn":"2023-06-07T12:17:14.886Z","fileSize":684},{"cdnUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521be_dribbble-svgrepo-com.svg","siteId":"6480754ac59ad5a032e521aa","width":512,"isHD":false,"height":512,"fileName":"6480754ac59ad5a032e521be_dribbble-svgrepo-com.svg","createdOn":"2022-09-22T17:49:09.832Z","origFileName":"dribbble-svgrepo-com.svg","fileHash":"e7f954cb0117d95685f0a42f40f83f9e","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521be_dribbble-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521be_dribbble-svgrepo-com.svg","_id":"6480754ac59ad5a032e521be","updatedOn":"2023-06-07T12:17:14.897Z","fileSize":2253},{"cdnUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521b8_github.svg","siteId":"6480754ac59ad5a032e521aa","width":64,"isHD":false,"height":64,"fileName":"6480754ac59ad5a032e521b8_github.svg","createdOn":"2022-09-22T17:05:08.563Z","origFileName":"github.svg","fileHash":"a9f7ad3dc6d998df5c984f5363913c7f","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521b8_github.svg","thumbUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521b8_github.svg","_id":"6480754ac59ad5a032e521b8","updatedOn":"2023-06-07T12:17:14.889Z","fileSize":1227},{"cdnUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bb_linkedin.svg","siteId":"6480754ac59ad5a032e521aa","width":123,"isHD":false,"height":122,"fileName":"6480754ac59ad5a032e521bb_linkedin.svg","createdOn":"2022-09-22T17:05:08.994Z","origFileName":"linkedin.svg","fileHash":"8d49d9435528ebe621d8b6317c7b183d","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bb_linkedin.svg","thumbUrl":"https://cdn.prod.website-files.com/6480754ac59ad5a032e521aa/6480754ac59ad5a032e521bb_linkedin.svg","_id":"6480754ac59ad5a032e521bb","updatedOn":"2023-06-07T12:17:14.872Z","fileSize":689}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
CC Chrome or SS Safari.

About this component

AI Generated

Component Description (Generated by AI)

The Social Login Dropdown is a user-friendly component designed to facilitate social media logins on websites. It allows users to sign in using their social accounts, enhancing user experience and streamlining the registration process.

Key Features:

  • Supports multiple social login options including Google, Facebook, Spotify, Microsoft, Dribbble, GitHub, and LinkedIn.
  • Responsive design that adapts to various screen sizes.
  • Customizable styles to match website branding.
  • Easy integration with Webflow CMS.

Design Elements:

  • Modern and clean layout with a dropdown interface.
  • Color scheme that aligns with popular social media platforms.
  • Rounded corners and subtle borders for a polished look.

Potential Use Cases:

  • E-commerce websites looking to simplify user registration.
  • Blogs and content platforms wanting to enhance user engagement.
  • SaaS applications that require quick user onboarding.
  • Portfolio sites for creatives wanting to showcase their work.

Conclusion: The Social Login Dropdown is a versatile and visually appealing component that can significantly improve user registration and login processes across various types of websites.

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.