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":"d3bf6837-6e1a-ca96-e950-422a1a64d30c","type":"Block","tag":"div","classes":["77b5a958-3235-1763-9498-652e1584e4d3"],"children":["dc891a98-2ac4-13b7-8286-351f2381bc7f"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"!paid-plans"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dc891a98-2ac4-13b7-8286-351f2381bc7f","type":"Block","tag":"div","classes":["6e996d94-12d2-10e1-bf86-5d1ed3d2c41c"],"children":["8bd46574-5aa7-22ca-bd53-9a7977411e27"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"members"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8bd46574-5aa7-22ca-bd53-9a7977411e27","type":"Link","tag":"a","classes":["c1f66e5d-af12-1c4f-a552-35c555570ef9"],"children":["8bd46574-5aa7-22ca-bd53-9a7977411e28","8bd46574-5aa7-22ca-bd53-9a7977411e2c"],"data":{"button":false,"block":"inline","link":{"mode":"external","url":"/pricing"},"xattr":[],"attr":{"id":""},"search":{"exclude":false}}},{"_id":"8bd46574-5aa7-22ca-bd53-9a7977411e28","type":"Block","tag":"div","classes":["c1f66e5d-af12-1c4f-a552-35c555570ef8"],"children":["8bd46574-5aa7-22ca-bd53-9a7977411e29","8bd46574-5aa7-22ca-bd53-9a7977411e2a"],"data":{"search":{"exclude":false},"xattr":[{"name":"","value":""}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8bd46574-5aa7-22ca-bd53-9a7977411e29","type":"HtmlEmbed","tag":"div","classes":["c1f66e5d-af12-1c4f-a552-35c555570efa"],"children":[],"v":"<svg width=\"30\" height=\"30\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L8 15Z\" fill=\"currentColor\"/>\n</svg>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"30\" height=\"30\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L8 15Z\" fill=\"currentColor\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"8bd46574-5aa7-22ca-bd53-9a7977411e2a","type":"Block","tag":"div","classes":["c4596d57-02d4-5e62-93ef-f7167e73ae91"],"children":["8bd46574-5aa7-22ca-bd53-9a7977411e2b","8cbb79cb-ecc9-eff9-4627-bf2ef282541f","bf2b1784-8e13-7571-4399-b6b6784beec1","51ad2e84-8b36-d9a9-832e-e47c241510c7"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8bd46574-5aa7-22ca-bd53-9a7977411e2b","text":true,"v":"You already have an account"},{"_id":"8cbb79cb-ecc9-eff9-4627-bf2ef282541f","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"bf2b1784-8e13-7571-4399-b6b6784beec1","text":true,"v":"Click here to "},{"_id":"51ad2e84-8b36-d9a9-832e-e47c241510c7","type":"Strong","tag":"strong","classes":[],"children":["5e4990b4-e855-d0c2-4697-5e30ee5333a6"]},{"_id":"5e4990b4-e855-d0c2-4697-5e30ee5333a6","text":true,"v":"complete checkout. "},{"_id":"8bd46574-5aa7-22ca-bd53-9a7977411e2c","type":"Block","tag":"div","classes":["c1f66e5d-af12-1c4f-a552-35c555570efc"],"children":["8bd46574-5aa7-22ca-bd53-9a7977411e2d"],"data":{"tag":"div","text":false,"xattr":[{"name":"none","value":""}],"attr":{"id":""},"search":{"exclude":false}}},{"_id":"8bd46574-5aa7-22ca-bd53-9a7977411e2d","type":"HtmlEmbed","tag":"div","classes":[],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M5 13h11.17l-4.88 4.88c-.39.39-.39 1.03 0 1.42.39.39 1.02.39 1.41 0l6.59-6.59c.39-.39.39-1.02 0-1.41l-6.58-6.6c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L16.17 11H5c-.55 0-1 .45-1 1s.45 1 1 1z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M5 13h11.17l-4.88 4.88c-.39.39-.39 1.03 0 1.42.39.39 1.02.39 1.41 0l6.59-6.59c.39-.39.39-1.02 0-1.41l-6.58-6.6c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L16.17 11H5c-.55 0-1 .45-1 1s.45 1 1 1z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}}}}],"styles":[{"_id":"77b5a958-3235-1763-9498-652e1584e4d3","fake":false,"type":"class","name":"hide-if-member-has-a-paid-plan","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"6e996d94-12d2-10e1-bf86-5d1ed3d2c41c","fake":false,"type":"class","name":"show-for-members","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c1f66e5d-af12-1c4f-a552-35c555570ef9","fake":false,"type":"class","name":"message-box","namespace":"","comb":"","styleLess":"position: relative; width: 100%; margin-bottom: 2rem; padding-top: 0.7rem; padding-right: 2.5rem; padding-bottom: 0.7rem; padding-left: 0.7rem; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(136.875, 35.56%, 82.35%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(136.875, 35.56%, 82.35%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(136.875, 35.56%, 82.35%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(136.875, 35.56%, 82.35%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(138.4615384615385, 44.83%, 94.31%, 1.00); box-shadow: 0 5px 10px -5px hsla(0, 0.00%, 0.00%, 0.10); color: black; font-size: 14px; line-height: 1.4; text-decoration: none;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c1f66e5d-af12-1c4f-a552-35c555570ef8","fake":false,"type":"class","name":"message-content","namespace":"","comb":"","styleLess":"display: flex; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c1f66e5d-af12-1c4f-a552-35c555570efa","fake":false,"type":"class","name":"message-icon","namespace":"","comb":"","styleLess":"display: flex; width: 2.4rem; height: 2.4rem; margin-right: 0.8rem; padding-top: 0.4rem; padding-right: 0.4rem; padding-bottom: 0.4rem; padding-left: 0.4rem; justify-content: center; align-items: center; border-top-left-radius: 36%; border-top-right-radius: 36%; border-bottom-left-radius: 36%; border-bottom-right-radius: 36%; background-color: hsla(136.22950819672133, 52.59%, 45.49%, 1.00); background-image: linear-gradient(to bottom, hsla(136.74418604651163, 50.99%, 49.61%, 1.00), hsla(136.22950819672133, 53.04%, 45.10%, 1.00)); box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.3); color: white;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c4596d57-02d4-5e62-93ef-f7167e73ae91","fake":false,"type":"class","name":"message-text","namespace":"","comb":"","styleLess":"margin-top: 0.2em;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c1f66e5d-af12-1c4f-a552-35c555570efc","fake":false,"type":"class","name":"message-arrow","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0px; right: 0.5rem; bottom: 0px; display: flex; width: 2rem; height: 2rem; margin-top: auto; margin-bottom: auto; padding-top: 8px; justify-content: center; align-items: center; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; color: hsla(0, 0.00%, 0.00%, 0.50);","variants":{"main_hover":{"styleLess":"background-color: white;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[],"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":"d3bf6837-6e1a-ca96-e950-422a1a64d30c","type":"Block","tag":"div","classes":["77b5a958-3235-1763-9498-652e1584e4d3"],"children":["dc891a98-2ac4-13b7-8286-351f2381bc7f"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"!paid-plans"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dc891a98-2ac4-13b7-8286-351f2381bc7f","type":"Block","tag":"div","classes":["6e996d94-12d2-10e1-bf86-5d1ed3d2c41c"],"children":["8bd46574-5aa7-22ca-bd53-9a7977411e27"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"members"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8bd46574-5aa7-22ca-bd53-9a7977411e27","type":"Link","tag":"a","classes":["c1f66e5d-af12-1c4f-a552-35c555570ef9"],"children":["8bd46574-5aa7-22ca-bd53-9a7977411e28","8bd46574-5aa7-22ca-bd53-9a7977411e2c"],"data":{"button":false,"block":"inline","link":{"mode":"external","url":"/pricing"},"xattr":[],"attr":{"id":""},"search":{"exclude":false}}},{"_id":"8bd46574-5aa7-22ca-bd53-9a7977411e28","type":"Block","tag":"div","classes":["c1f66e5d-af12-1c4f-a552-35c555570ef8"],"children":["8bd46574-5aa7-22ca-bd53-9a7977411e29","8bd46574-5aa7-22ca-bd53-9a7977411e2a"],"data":{"search":{"exclude":false},"xattr":[{"name":"","value":""}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8bd46574-5aa7-22ca-bd53-9a7977411e29","type":"HtmlEmbed","tag":"div","classes":["c1f66e5d-af12-1c4f-a552-35c555570efa"],"children":[],"v":"<svg width=\"30\" height=\"30\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L8 15Z\" fill=\"currentColor\"/>\n</svg>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"30\" height=\"30\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L8 15Z\" fill=\"currentColor\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"8bd46574-5aa7-22ca-bd53-9a7977411e2a","type":"Block","tag":"div","classes":["c4596d57-02d4-5e62-93ef-f7167e73ae91"],"children":["8bd46574-5aa7-22ca-bd53-9a7977411e2b","8cbb79cb-ecc9-eff9-4627-bf2ef282541f","bf2b1784-8e13-7571-4399-b6b6784beec1","51ad2e84-8b36-d9a9-832e-e47c241510c7"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8bd46574-5aa7-22ca-bd53-9a7977411e2b","text":true,"v":"You already have an account"},{"_id":"8cbb79cb-ecc9-eff9-4627-bf2ef282541f","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"bf2b1784-8e13-7571-4399-b6b6784beec1","text":true,"v":"Click here to "},{"_id":"51ad2e84-8b36-d9a9-832e-e47c241510c7","type":"Strong","tag":"strong","classes":[],"children":["5e4990b4-e855-d0c2-4697-5e30ee5333a6"]},{"_id":"5e4990b4-e855-d0c2-4697-5e30ee5333a6","text":true,"v":"complete checkout. "},{"_id":"8bd46574-5aa7-22ca-bd53-9a7977411e2c","type":"Block","tag":"div","classes":["c1f66e5d-af12-1c4f-a552-35c555570efc"],"children":["8bd46574-5aa7-22ca-bd53-9a7977411e2d"],"data":{"tag":"div","text":false,"xattr":[{"name":"none","value":""}],"attr":{"id":""},"search":{"exclude":false}}},{"_id":"8bd46574-5aa7-22ca-bd53-9a7977411e2d","type":"HtmlEmbed","tag":"div","classes":[],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M5 13h11.17l-4.88 4.88c-.39.39-.39 1.03 0 1.42.39.39 1.02.39 1.41 0l6.59-6.59c.39-.39.39-1.02 0-1.41l-6.58-6.6c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L16.17 11H5c-.55 0-1 .45-1 1s.45 1 1 1z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M5 13h11.17l-4.88 4.88c-.39.39-.39 1.03 0 1.42.39.39 1.02.39 1.41 0l6.59-6.59c.39-.39.39-1.02 0-1.41l-6.58-6.6c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L16.17 11H5c-.55 0-1 .45-1 1s.45 1 1 1z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}}}}],"styles":[{"_id":"77b5a958-3235-1763-9498-652e1584e4d3","fake":false,"type":"class","name":"hide-if-member-has-a-paid-plan","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"6e996d94-12d2-10e1-bf86-5d1ed3d2c41c","fake":false,"type":"class","name":"show-for-members","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c1f66e5d-af12-1c4f-a552-35c555570ef9","fake":false,"type":"class","name":"message-box","namespace":"","comb":"","styleLess":"position: relative; width: 100%; margin-bottom: 2rem; padding-top: 0.7rem; padding-right: 2.5rem; padding-bottom: 0.7rem; padding-left: 0.7rem; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(136.875, 35.56%, 82.35%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(136.875, 35.56%, 82.35%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(136.875, 35.56%, 82.35%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(136.875, 35.56%, 82.35%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(138.4615384615385, 44.83%, 94.31%, 1.00); box-shadow: 0 5px 10px -5px hsla(0, 0.00%, 0.00%, 0.10); color: black; font-size: 14px; line-height: 1.4; text-decoration: none;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c1f66e5d-af12-1c4f-a552-35c555570ef8","fake":false,"type":"class","name":"message-content","namespace":"","comb":"","styleLess":"display: flex; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c1f66e5d-af12-1c4f-a552-35c555570efa","fake":false,"type":"class","name":"message-icon","namespace":"","comb":"","styleLess":"display: flex; width: 2.4rem; height: 2.4rem; margin-right: 0.8rem; padding-top: 0.4rem; padding-right: 0.4rem; padding-bottom: 0.4rem; padding-left: 0.4rem; justify-content: center; align-items: center; border-top-left-radius: 36%; border-top-right-radius: 36%; border-bottom-left-radius: 36%; border-bottom-right-radius: 36%; background-color: hsla(136.22950819672133, 52.59%, 45.49%, 1.00); background-image: linear-gradient(to bottom, hsla(136.74418604651163, 50.99%, 49.61%, 1.00), hsla(136.22950819672133, 53.04%, 45.10%, 1.00)); box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.3); color: white;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c4596d57-02d4-5e62-93ef-f7167e73ae91","fake":false,"type":"class","name":"message-text","namespace":"","comb":"","styleLess":"margin-top: 0.2em;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"c1f66e5d-af12-1c4f-a552-35c555570efc","fake":false,"type":"class","name":"message-arrow","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0px; right: 0.5rem; bottom: 0px; display: flex; width: 2rem; height: 2rem; margin-top: auto; margin-bottom: auto; padding-top: 8px; justify-content: center; align-items: center; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; color: hsla(0, 0.00%, 0.00%, 0.50);","variants":{"main_hover":{"styleLess":"background-color: white;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"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