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.

Recently uploaded Social Auth Components

Profile Picture
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":[]}
Profile Picture
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":[]}
Profile Picture
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":[]}