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":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c24","type":"FormWrapper","tag":"div","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c25","5c726c60-0626-c9e2-dbf7-5b7af2ec0c3c","5c726c60-0626-c9e2-dbf7-5b7af2ec0c3f"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c25","type":"FormForm","tag":"form","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c26","5c726c60-0626-c9e2-dbf7-5b7af2ec0c2a","5c726c60-0626-c9e2-dbf7-5b7af2ec0c2c","5c726c60-0626-c9e2-dbf7-5b7af2ec0c35","5c726c60-0626-c9e2-dbf7-5b7af2ec0c3b"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"profile"}],"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c26","type":"Heading","tag":"h1","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c27","5c726c60-0626-c9e2-dbf7-5b7af2ec0c28"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c27","text":true,"v":"Welcome back, "},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c28","type":"Span","tag":"span","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c29"],"data":{"xattr":[{"name":"data-ms-member","value":"first-name"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c29","text":true,"v":"name (custom field)"},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c2a","type":"Block","tag":"div","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c2b"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c2b","text":true,"v":"Use the form below to update your profile."},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c2c","type":"Block","tag":"div","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c2d","5c726c60-0626-c9e2-dbf7-5b7af2ec0c31"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c2d","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b948"],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c2e","5c726c60-0626-c9e2-dbf7-5b7af2ec0c30"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c2e","type":"FormBlockLabel","tag":"label","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c2f"],"data":{"form":{"type":"label"},"attr":{"for":"First-Name-5","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c2f","text":true,"v":"First Name (custom field)"},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c30","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"form":{"name":"First Name 4","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"First-Name-4","data-name":"First Name 4","placeholder":"","type":"text","id":"First-Name-4","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"first-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c31","type":"Block","tag":"div","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c32","5c726c60-0626-c9e2-dbf7-5b7af2ec0c34"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c32","type":"FormBlockLabel","tag":"label","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c33"],"data":{"form":{"type":"label"},"attr":{"for":"Last-Name-5","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c33","text":true,"v":"Last Name (custom field)"},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c34","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"form":{"name":"Last Name 4","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Last-Name-4","data-name":"Last Name 4","placeholder":"","type":"text","id":"Last-Name-4","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"last-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c35","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b948"],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c36","5c726c60-0626-c9e2-dbf7-5b7af2ec0c38","5c726c60-0626-c9e2-dbf7-5b7af2ec0c39"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c36","type":"FormBlockLabel","tag":"label","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c37"],"data":{"form":{"type":"label"},"attr":{"for":"Phone-3","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c37","text":true,"v":"Phone (custom field)"},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c38","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"form":{"name":"Phone 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Phone-2","data-name":"Phone 2","placeholder":"","type":"text","id":"Phone-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"phone"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c39","type":"Block","tag":"div","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c3a"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c3a","text":true,"v":"We collect this incase of emergencies."},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c3b","type":"FormButton","tag":"input","classes":[],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Save Profile","data-wait":"Please wait...","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c3c","type":"FormSuccessMessage","tag":"div","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c3d"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c3d","type":"Block","tag":"div","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c3e"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c3e","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c3f","type":"FormErrorMessage","tag":"div","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c40"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c40","type":"Block","tag":"div","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c41"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c41","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"dece5ac3-a374-c351-3674-705230f1b948","fake":false,"type":"class","name":"Text Field Wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 12px; flex-direction: column; align-items: flex-start;","variants":{},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i-35","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-69","e-70"],"target":"62a8ca07660438ef07cffef5|5c726c60-0626-c9e2-dbf7-5b7af2ec0c30","createdOn":1663258185604}],"events":[{"id":"e-69","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":null,"affectedElements":{},"playInReverse":false,"autoStopEventId":"e-70"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"62a8ca07660438ef07cffef5|5c726c60-0626-c9e2-dbf7-5b7af2ec0c30","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1663258185604},{"id":"e-70","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"62a8ca07660438ef07cffef5|5c726c60-0626-c9e2-dbf7-5b7af2ec0c30","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1663258185604}],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c24","type":"FormWrapper","tag":"div","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c25","5c726c60-0626-c9e2-dbf7-5b7af2ec0c3c","5c726c60-0626-c9e2-dbf7-5b7af2ec0c3f"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c25","type":"FormForm","tag":"form","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c26","5c726c60-0626-c9e2-dbf7-5b7af2ec0c2a","5c726c60-0626-c9e2-dbf7-5b7af2ec0c2c","5c726c60-0626-c9e2-dbf7-5b7af2ec0c35","5c726c60-0626-c9e2-dbf7-5b7af2ec0c3b"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"profile"}],"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c26","type":"Heading","tag":"h1","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c27","5c726c60-0626-c9e2-dbf7-5b7af2ec0c28"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c27","text":true,"v":"Welcome back, "},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c28","type":"Span","tag":"span","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c29"],"data":{"xattr":[{"name":"data-ms-member","value":"first-name"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c29","text":true,"v":"name (custom field)"},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c2a","type":"Block","tag":"div","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c2b"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c2b","text":true,"v":"Use the form below to update your profile."},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c2c","type":"Block","tag":"div","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c2d","5c726c60-0626-c9e2-dbf7-5b7af2ec0c31"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c2d","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b948"],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c2e","5c726c60-0626-c9e2-dbf7-5b7af2ec0c30"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c2e","type":"FormBlockLabel","tag":"label","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c2f"],"data":{"form":{"type":"label"},"attr":{"for":"First-Name-5","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c2f","text":true,"v":"First Name (custom field)"},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c30","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"form":{"name":"First Name 4","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"First-Name-4","data-name":"First Name 4","placeholder":"","type":"text","id":"First-Name-4","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"first-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c31","type":"Block","tag":"div","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c32","5c726c60-0626-c9e2-dbf7-5b7af2ec0c34"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c32","type":"FormBlockLabel","tag":"label","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c33"],"data":{"form":{"type":"label"},"attr":{"for":"Last-Name-5","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c33","text":true,"v":"Last Name (custom field)"},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c34","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"form":{"name":"Last Name 4","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Last-Name-4","data-name":"Last Name 4","placeholder":"","type":"text","id":"Last-Name-4","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"last-name"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c35","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b948"],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c36","5c726c60-0626-c9e2-dbf7-5b7af2ec0c38","5c726c60-0626-c9e2-dbf7-5b7af2ec0c39"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c36","type":"FormBlockLabel","tag":"label","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c37"],"data":{"form":{"type":"label"},"attr":{"for":"Phone-3","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c37","text":true,"v":"Phone (custom field)"},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c38","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"form":{"name":"Phone 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Phone-2","data-name":"Phone 2","placeholder":"","type":"text","id":"Phone-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"phone"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c39","type":"Block","tag":"div","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c3a"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c3a","text":true,"v":"We collect this incase of emergencies."},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c3b","type":"FormButton","tag":"input","classes":[],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Save Profile","data-wait":"Please wait...","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c3c","type":"FormSuccessMessage","tag":"div","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c3d"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c3d","type":"Block","tag":"div","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c3e"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c3e","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c3f","type":"FormErrorMessage","tag":"div","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c40"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c40","type":"Block","tag":"div","classes":[],"children":["5c726c60-0626-c9e2-dbf7-5b7af2ec0c41"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5c726c60-0626-c9e2-dbf7-5b7af2ec0c41","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"dece5ac3-a374-c351-3674-705230f1b948","fake":false,"type":"class","name":"Text Field Wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 12px; flex-direction: column; align-items: flex-start;","variants":{},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i-35","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-69","e-70"],"target":"62a8ca07660438ef07cffef5|5c726c60-0626-c9e2-dbf7-5b7af2ec0c30","createdOn":1663258185604}],"events":[{"id":"e-69","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":{"id":"","actionTypeId":"GENERAL_START_ACTION","instant":true,"config":{"delay":0,"easing":"","duration":0,"actionListId":null,"affectedElements":{},"playInReverse":false,"autoStopEventId":"e-70"}},"mediaQueries":["main","medium","small","tiny"],"target":{"id":"62a8ca07660438ef07cffef5|5c726c60-0626-c9e2-dbf7-5b7af2ec0c30","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1663258185604},{"id":"e-70","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"62a8ca07660438ef07cffef5|5c726c60-0626-c9e2-dbf7-5b7af2ec0c30","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1663258185604}],"actionLists":[]}},"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 Unstyled Profile Form is a simple and functional form designed for users to update their profile information. It includes fields for first name, last name, and phone number, along with success and error messages.
Key Features:
- Customizable fields for first name, last name, and phone number
- Success message upon successful submission
- Error message for submission failures
- Lightweight and easy to integrate into existing designs
Design Elements:
- Minimalist design with no predefined styles
- Flexbox layout for form elements
- Responsive design suitable for various screen sizes
Potential Use Cases:
- User profile management for web applications
- Membership sites requiring user information updates
- E-commerce platforms for customer account management
- Community forums for user profile editing
Conclusion: The Unstyled Profile Form offers a straightforward solution for user profile updates, making it versatile for various applications while allowing for easy customization to fit different design aesthetics.
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.