Julian Galluzzo
InvestKit Reset Password Form
100% functional form that allows your members to reset their password - powered by the Memberstack plugin with the Bricks addon.
Copy component
Download JSON
{"content":[{"id":"0b7750","name":"section","parent":0,"children":["e405af"],"settings":{"_cssGlobalClasses":["upnjxa"]}},{"id":"e405af","name":"container","parent":"0b7750","children":["7547e9"],"settings":[]},{"id":"7547e9","name":"block","parent":"e405af","children":["266644","713fac","b46225","d5fb7b"],"settings":{"_cssGlobalClasses":["dklljb"]},"label":"MS Form"},{"id":"266644","name":"heading","parent":"7547e9","children":[],"settings":{"text":"Reset password","_cssGlobalClasses":["nvamro"],"_margin":{"bottom":"15"}}},{"id":"713fac","name":"text-basic","parent":"7547e9","children":[],"settings":{"text":"Enter the 6-digit code we sent you, and then create a new password to continue.","_cssGlobalClasses":["svjoeu"]}},{"id":"b46225","name":"ms-brcks-form","parent":"7547e9","children":[],"settings":{"formType":"reset-password","planAction":"add","fields":[{"type":"number","placeholder":"6 Digit Code","required":true,"customFieldId":"token","width":"full","maxLength":"","value":"","id":"yvprag"},{"type":"password","placeholder":"Enter your new password","required":true,"customFieldId":"password","width":"full","maxLength":"","value":"","id":"nbcgjw"}],"fieldsGap":"20","_cssGlobalClasses":["sxoqzp"],"redirectUrl":"/log-in"},"themeStyles":[]},{"id":"d5fb7b","name":"block","parent":"7547e9","children":["c789ce","5f2432"],"settings":{"_cssGlobalClasses":["bpdcxf"]},"label":"Under"},{"id":"c789ce","name":"text-basic","parent":"d5fb7b","children":[],"settings":{"text":"Suddenly remembered it?"}},{"id":"5f2432","name":"text-link","parent":"d5fb7b","children":[],"settings":{"text":"Log in","_cssGlobalClasses":["mfxpnq"],"link":{"type":"external","url":"/log-in"}},"label":"Link"}],"source":"bricksCopiedElements","sourceUrl":"https://investkit-ui.local","version":"1.12.3","globalClasses":[{"id":"upnjxa","name":"section-default","settings":{"_background":{"color":{"hex":"#153236","id":"owxrer","name":"Color #1"}},"_typography":{"color":{"hex":"#ffffff","id":"xtezot","name":"Color #2"},"font-family":"Inter"},"_padding":{"bottom":"75","top":"75","left":"5%","right":"5%"}}},{"id":"dklljb","name":"msform","settings":{"_widthMax":"600","_margin":{"left":"auto","right":"auto"},"_padding":{"top":"75","right":"75","bottom":"75","left":"75"},"_background":{"color":{"hex":"#1a393e","id":"cvszxc","name":"Color #4"}},"_border":{"radius":{"top":"7","right":"7","bottom":"7","left":"7"}},"_padding:mobile_portrait":{"top":"40","right":"40","bottom":"40","left":"40"}},"modified":1742385998,"user_id":1},{"id":"nvamro","name":"h2","settings":{"_typography":{"font-family":"Bricolage Grotesque","font-size":"45","line-height":"50px","font-weight":"700"},"_typography:mobile_portrait":{"font-size":"40","line-height":"45px"}}},{"id":"svjoeu","name":"hero__paragraph","settings":{"_opacity":"0.7","_typography":{"font-size":"16"},"_margin":{"bottom":"45"}}},{"id":"sxoqzp","name":"msform__form","settings":{"_width":"100%","buttonWidth":"100% !important","buttonTypography":{"text-align":"center","font-family":"Bricolage Grotesque","color":{"hex":"#153236","id":"owxrer","name":"Color #1"}},"buttonBackground":{"hex":"#00fe4a","id":"darnpu","name":"Color #3"},"buttonPadding":{"top":"15","bottom":"15","right":"20","left":"20"},"buttonBorder":{"radius":{"top":"7","right":"7","bottom":"7","left":"7"}},"inputPadding":{"bottom":"7","top":"7","right":"20","left":"20"},"inputBackground":{"hex":"#ffffff","rgb":"rgba(255, 255, 255, 0.05)","hsl":"hsla(0, 0%, 100%, 0.05)"},"inputBorder":{"width":{"top":"1","bottom":"1","left":"1","right":"1"},"style":"solid","color":{"hex":"#ffffff","rgb":"rgba(255, 255, 255, 0.05)","hsl":"hsla(0, 0%, 100%, 0.05)"},"radius":{"top":"7","right":"7","bottom":"7","left":"7"}},"fieldsLayout":"column","fieldsGap":"5","buttonMargin":{"top":"20"},"_cssCustom":".social-login-separator span {\n background-color: #1a393e !important;\n}\n\n.social-login-separator:before {\n background-color: #ffffff26 !important;\n}"},"modified":1742387055,"user_id":1},{"id":"bpdcxf","name":"msform__under","settings":{"_margin":{"top":"20"},"_direction":"row","_justifyContent":"space-between","_alignItems":"center","_columnGap":"15","_rowGap":"15"},"modified":1742387497,"user_id":1},{"id":"mfxpnq","name":"msform__under-link","settings":{"_typography":{"font-family":"Bricolage Grotesque","font-weight":"500","color":{"hex":"#00fe4a","id":"darnpu","name":"Color #3"}},"_opacity:hover":"0.7","_cssTransition":"0.25s"},"modified":1742387497,"user_id":1}],"globalElements":[]}
Similar components
Julian Galluzzo
InvestKit Forgot Password Form
Completely functional forgot password form for Bricks Builder, powered by the Memberstack plugin with the Bricks addon.
Julian Galluzzo
InvestKit Login Form
100% functional dark-mode login form for Bricks Builder, powered by the Memberstack plugin + Bricks addon!
Julian Galluzzo
InvestKit Sign Up Form
Modern dark sign up form with working Google Auth - requires the Memberstack WordPress plugin + Bricks Builder Addon to work!