Made with 💙 by Memberstack
Free Social Auth Components for Bricks Builder
Explore our gallery of free, community-created Social Auth Components for Bricks Builder. Copy & paste them to your website with just one click.
All categories
Recently uploaded Social Auth Components


Duncan Hamra
Facebook Button
Simple continue with Facebook button that works with Memberstack.
View now
Copy now
{"content":[{"id":"ynmaft","name":"div","parent":"cgvtsk","children":["sjqbnk"],"settings":{"_display":"inline-block"}},{"id":"sjqbnk","name":"div","parent":"ynmaft","children":["sbskrh","hkercb"],"settings":{"_cssGlobalClasses":["cmrfcx"],"_attributes":[{"id":"kadzcz","name":"data-ms-auth-provider","value":"facebook"}],"tag":"a"}},{"id":"sbskrh","name":"code","parent":"sjqbnk","children":[],"settings":{"executeCode":true,"signature":"4ebaf362040337587dd4f5b6f0785716","user_id":1,"time":1739548015,"_width":"24px","_height":"24px","_margin":{"top":"1"},"code":"facebook-round-color"},"themeStyles":[]},{"id":"hkercb","name":"text-basic","parent":"sjqbnk","children":[],"settings":{"text":"Continue with Facebook","_typography":{"text-align":"right"},"_attributes":[{"id":"xsooko","name":"data-ms-auth-connected-text","value":"Disconnect from Facebook"}]}}],"source":"bricksCopiedElements","sourceUrl":"https://duncan1.local","version":"1.12.1","globalClasses":[{"id":"cmrfcx","name":"social-button","settings":{"_padding":{"bottom":".75em","top":".75em","left":"1.25em","right":"1.25em"},"_border":{"width":{"bottom":"1","top":"1","right":"1","left":"1"},"radius":{"top":"4px","right":"4px","bottom":"4px","left":"4px"},"color":{"hex":"#dadce0"},"style":"solid"},"_background":{"color":{"hex":"#ffffff"}},"_columnGap":"12px","_alignSelf":"center","_justifyContent":"flex-start","_alignItems":"center","_direction":"row","_display":"flex","_boxShadow":{"values":{"offsetY":"1","spread":"0","blur":"2"},"color":{"hex":"rgba(0,0,0,0.05)"}},"_border:hover":{"color":{"hex":"#d2e3fc"}},"_background:hover":{"color":{"hex":"#f8faff"}},"_boxShadow:hover":{"values":{"offsetY":"1","spread":"0","blur":"3"},"color":{"hex":"rgba(66,133,244,0.15)"}},"_cssTransition":"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)","_margin":{"bottom":"1em"}},"modified":1739547206,"user_id":1}],"globalElements":[]}


Julian Galluzzo
Basic Memberstack Login Form
A simple & clean login form with Google auth taken from the Bricks Board website. Requires the Memberstack add on to work.
View now
Copy now
{"content":[{"id":"lvrlsx","name":"container","parent":"flqkei","children":["vcwxnz"],"settings":{}},{"id":"vcwxnz","name":"div","parent":"lvrlsx","children":["jkmuwz","yqkrwr","tiahol","uvyvrf","wpasue"],"settings":{"_cssGlobalClasses":["kamyuk"]},"label":"Form Wrapper"},{"id":"jkmuwz","name":"heading","parent":"vcwxnz","children":[],"settings":{"text":"Log in","tag":"h1","_cssGlobalClasses":["irfylw"]}},{"id":"yqkrwr","name":"text-basic","parent":"vcwxnz","children":[],"settings":{"text":"Log in to your account to make, publish, and comment on Bricks components","_cssGlobalClasses":["cztiyp"]},"label":"Paragraph"},{"id":"tiahol","name":"ms-brcks-form","parent":"vcwxnz","children":[],"settings":{"formType":"login","planAction":"add","fields":[{"type":"email","label":"Email","placeholder":"Enter your email","required":true,"customFieldId":"email","width":"full","maxLength":"","value":""},{"type":"password","label":"Password","placeholder":"Enter your password","required":true,"customFieldId":"password","width":"full","maxLength":"","value":""}],"fieldsGap":"20","_cssGlobalClasses":["yljqrq"],"socialAuth":[{"id":"mmqaui","provider":"google","enabled":true,"icon":{"library":"fontawesomeBrands","icon":"fab fa-google"},"iconColor":{"raw":"var(--brand-blue)"},"border":{"radius":{"top":"8","right":"8","bottom":"8","left":"8"}},"padding":{"bottom":"15","top":"15","left":"20","right":"20"}}]},"themeStyles":[]},{"id":"uvyvrf","name":"div","parent":"vcwxnz","children":["qsotlt","ycndym"],"settings":{"_cssGlobalClasses":["zscjcv"]},"label":"Footer"},{"id":"qsotlt","name":"div","parent":"uvyvrf","children":["fdxlka"],"settings":[]},{"id":"fdxlka","name":"text-basic","parent":"qsotlt","children":[],"settings":{"text":"Don't have an account?"}},{"id":"ycndym","name":"div","parent":"uvyvrf","children":["ragrum"],"settings":[]},{"id":"ragrum","name":"text-link","parent":"ycndym","children":[],"settings":{"text":"Sign up","_cssGlobalClasses":["jehwzu"],"link":{"type":"internal","postId":"228"},"icon":{"library":""}},"themeStyles":[]},{"id":"wpasue","name":"div","parent":"vcwxnz","children":["vgooru","zzctlw"],"settings":{"_cssGlobalClasses":["zscjcv"]},"label":"Footer"},{"id":"vgooru","name":"div","parent":"wpasue","children":["udfmcz"],"settings":[]},{"id":"udfmcz","name":"text-basic","parent":"vgooru","children":[],"settings":{"text":"Forgot your password?"}},{"id":"zzctlw","name":"div","parent":"wpasue","children":["dzyhqo"],"settings":[]},{"id":"dzyhqo","name":"text-link","parent":"zzctlw","children":[],"settings":{"text":"Reset password","_cssGlobalClasses":["jehwzu"],"link":{"type":"internal","postId":"417"},"icon":{"library":""}},"themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://bricksboard.com","version":"1.12.1","globalClasses":[{"id":"kamyuk","name":"form__wrapper","settings":{"_width":"100%","_widthMax":"500","_padding":{"bottom":"30","top":"30","left":"30","right":"30"},"_margin":{"left":"auto","right":"auto"},"_border":{"width":{"bottom":"1","top":"1","left":"1","right":"1"},"style":"solid","color":{"raw":"var(--border-light)"},"radius":{"top":"8","right":"8","bottom":"8","left":"8"}},"_boxShadow":{"values":{"offsetY":"2","offsetX":"0","blur":"5"},"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0.05)","hsl":"hsla(0, 0%, 0%, 0.05)"}},"_background":{"color":{"id":"acss_import_white","name":"white","raw":"var(--white)"}}}},{"id":"irfylw","name":"h1--small","settings":{"_typography":{"font-size":"30"}}},{"id":"cztiyp","name":"paragraph","settings":{"_margin":{"bottom":"15","top":"5"},"_typography":{"color":{"hex":"#787878","raw":"var(--text-light)"}}}},{"id":"yljqrq","name":"memberstack-form","settings":{"fields":[{"type":"email","label":"Email","placeholder":"Enter your email","required":true,"customFieldId":"email","width":"full","maxLength":"","value":""},{"type":"password","label":"Password","placeholder":"Enter your password","required":true,"customFieldId":"password","width":"full","maxLength":"","value":""}],"formWidth":"100%","fieldsGap":"20","inputBorder":{"style":"solid","color":{"hex":"#e5e5e5"},"radius":{"top-left":4,"top-right":4,"bottom-right":4,"bottom-left":4,"top":"8","right":"8","bottom":"8","left":"8"}},"selectBorder":{"width":{"top":1,"right":1,"bottom":1,"left":1},"style":"solid","color":{"hex":"#e5e5e5"},"radius":{"top-left":4,"top-right":4,"bottom-right":4,"bottom-left":4}},"buttonWidth":"100%","buttonBackground":{"raw":"var(--brand-blue)"},"buttonTypography":{"font-size":"16px","font-weight":"700","color":{"hex":"#ffffff"},"transform":"none","font-style":"normal","line-height":"1.5","letter-spacing":"0","text-align":"center"},"buttonPadding":{"top":"10px","right":"15px","bottom":"10px","left":"15px"},"buttonMargin":{"top":"20px","right":"0","bottom":"0","left":"0"},"buttonBorder":{"style":"solid","color":{"hex":"#3898ec"},"radius":{"top":"8","right":"8","bottom":"8","left":"8"}},"fieldsLayout":"column","inputPadding":{"top":"8","right":"15","bottom":"8","left":"15"},"_margin":{"bottom":"20"}},"modified":1739460067,"user_id":1},{"id":"zscjcv","name":"form__footer","settings":{"_display":"flex","_direction":"row","_margin":{"top":"10"},"_width":"100%","_alignItems":"center","_justifyContent":"space-between","_typography":{"font-size":"14"}},"modified":1739460067,"user_id":1},{"id":"jehwzu","name":"link","settings":[],"modified":1739195946,"user_id":1}],"globalElements":[]}


Duncan Hamra
Light Google Auth Button
Works alone for prototypes and mockups. Works with Memberstack to enable Google Authentication.
View now
Copy now
{"content":[{"id":"lurxbe","name":"div","parent":"cgvtsk","children":["fjqgwj"],"settings":{"_display":"inline-block"}},{"id":"fjqgwj","name":"div","parent":"lurxbe","children":["oqflqb","hruhuv"],"settings":{"_cssGlobalClasses":["cmrfcx"],"_attributes":[{"id":"kadzcz","name":"data-ms-auth-provider","value":"google"}],"tag":"a"}},{"id":"oqflqb","name":"code","parent":"fjqgwj","children":[],"settings":{"code":"\n\n\n","executeCode":true,"signature":"6fd373b9e4e389c80ba79b9a95c54308","user_id":1,"time":1739546560,"_width":"24px","_height":"24px","_margin":{"top":"1"}},"themeStyles":[]},{"id":"hruhuv","name":"text-basic","parent":"fjqgwj","children":[],"settings":{"text":"Continue with Google","_typography":{"text-align":"right"},"_attributes":[{"id":"xsooko","name":"data-ms-auth-connected-text","value":"Disconnect from Google"}]}}],"source":"bricksCopiedElements","sourceUrl":"https://duncan1.local","version":"1.12.1","globalClasses":[{"id":"cmrfcx","name":"social-button","settings":{"_padding":{"bottom":".75em","top":".75em","left":"1.25em","right":"1.25em"},"_border":{"width":{"bottom":"1","top":"1","right":"1","left":"1"},"radius":{"top":"4px","right":"4px","bottom":"4px","left":"4px"},"color":{"hex":"#dadce0"},"style":"solid"},"_background":{"color":{"hex":"#ffffff"}},"_columnGap":"12px","_alignSelf":"center","_justifyContent":"flex-start","_alignItems":"center","_direction":"row","_display":"flex","_boxShadow":{"values":{"offsetY":"1","spread":"0","blur":"2"},"color":{"hex":"rgba(0,0,0,0.05)"}},"_border:hover":{"color":{"hex":"#d2e3fc"}},"_background:hover":{"color":{"hex":"#f8faff"}},"_boxShadow:hover":{"values":{"offsetY":"1","spread":"0","blur":"3"},"color":{"hex":"rgba(66,133,244,0.15)"}},"_cssTransition":"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)","_margin":{"bottom":"1em"}},"modified":1739547206,"user_id":1}],"globalElements":[]}