Start building for free - no credit card until you're launch-ready!

Component laden...

Laden

Meer onderdelen

Deel van

Wachtwoordloos inloggen zonder stijl

Webflow Unstyled Component

Webflow Wachtwoordloos Component

Webflow aanmeldingscomponent

Bedankt! Ik zal
dit project zo snel mogelijk bijwerken.

Oeps! Er ging iets mis bij het verzenden van het formulier.

Hoe Google-verificatie inschakelen

Facebook-verificatie inschakelen

Spotify verificatie inschakelen

Hoe Dribbble verificatie in te schakelen

Hoe de Github-authenticatie in te schakelen

Hoe LinkedIn verificatie inschakelen

Hoe wachtwoordloze aanmeldingen inschakelen

Hoe wachtwoordvalidatie configureren

Hoe wachtwoord tonen/verbergen

Werken met profielafbeeldingen

Hoe een wachtwoord vergeten-flow toevoegen

Werken met selectievakjes

Hoe prijstabellen configureren

Over het Stripe klantenportaal

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad7d","type":"Block","tag":"div","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ad7e","afd74e17-d1a8-8af2-5ff3-44631a56adab"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad7e","type":"FormWrapper","tag":"div","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ad7f","afd74e17-d1a8-8af2-5ff3-44631a56ada5","afd74e17-d1a8-8af2-5ff3-44631a56ada8"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad7f","type":"FormForm","tag":"form","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ad80","afd74e17-d1a8-8af2-5ff3-44631a56ad82","afd74e17-d1a8-8af2-5ff3-44631a56ad86","afd74e17-d1a8-8af2-5ff3-44631a56ada4"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"passwordless-login"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"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":"afd74e17-d1a8-8af2-5ff3-44631a56ad80","type":"Heading","tag":"h1","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ad81"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad81","text":true,"v":"Passwordless Login"},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad82","type":"Block","tag":"div","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ad83","afd74e17-d1a8-8af2-5ff3-44631a56ad85"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad83","type":"FormBlockLabel","tag":"label","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ad84"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Email-3","id":""},"visibility":{"conditions":[]}}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad84","text":true,"v":"Email"},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad85","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email-3","data-name":"Email 3","placeholder":"e.g. email@gmail.com","type":"email","id":"Email-3","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"form":{"name":"Email 3","type":"input","passwordPage":false}}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad86","type":"Block","tag":"div","classes":[],"children":["39ec692f-d884-ac8c-394b-e4773d1d8b4f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"39ec692f-d884-ac8c-394b-e4773d1d8b4f","type":"Block","tag":"div","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ad87","afd74e17-d1a8-8af2-5ff3-44631a56ad89"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-passwordless","value":"step-2"}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad87","type":"FormBlockLabel","tag":"label","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ad88"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Token","id":""},"visibility":{"conditions":[]}}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad88","text":true,"v":"Confirmation Code"},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad89","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Token","data-name":"Token","placeholder":"e.g. 123456","type":"text","id":"Token","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"token"}],"form":{"name":"Token","type":"input","passwordPage":false}}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ada4","type":"FormButton","tag":"input","classes":[],"children":[],"data":{"attr":{"type":"submit","value":"Get Confirmation Code","data-wait":"Please wait..."},"xattr":[{"name":"data-ms-passwordless-button","value":"Confirm & Login"}],"form":{"type":"button","wait":"Please wait..."}}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ada5","type":"FormSuccessMessage","tag":"div","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ada6"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ada6","type":"Block","tag":"div","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ada7"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ada7","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ada8","type":"FormErrorMessage","tag":"div","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ada9"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ada9","type":"Block","tag":"div","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56adaa"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56adaa","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56adab","type":"Block","tag":"div","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56adac"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56adac","type":"Block","tag":"div","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56adad","afd74e17-d1a8-8af2-5ff3-44631a56adae"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56adad","text":true,"v":"Need an account? "},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56adae","type":"Link","tag":"a","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56adaf"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"/signup","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"/signup"}}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56adaf","text":true,"v":"Sign up"}],"styles":[],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Klonen in Webflow

Kopieer component

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad7d","type":"Block","tag":"div","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ad7e","afd74e17-d1a8-8af2-5ff3-44631a56adab"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad7e","type":"FormWrapper","tag":"div","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ad7f","afd74e17-d1a8-8af2-5ff3-44631a56ada5","afd74e17-d1a8-8af2-5ff3-44631a56ada8"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad7f","type":"FormForm","tag":"form","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ad80","afd74e17-d1a8-8af2-5ff3-44631a56ad82","afd74e17-d1a8-8af2-5ff3-44631a56ad86","afd74e17-d1a8-8af2-5ff3-44631a56ada4"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"passwordless-login"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"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":"afd74e17-d1a8-8af2-5ff3-44631a56ad80","type":"Heading","tag":"h1","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ad81"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h1"}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad81","text":true,"v":"Passwordless Login"},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad82","type":"Block","tag":"div","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ad83","afd74e17-d1a8-8af2-5ff3-44631a56ad85"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad83","type":"FormBlockLabel","tag":"label","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ad84"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Email-3","id":""},"visibility":{"conditions":[]}}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad84","text":true,"v":"Email"},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad85","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Email-3","data-name":"Email 3","placeholder":"e.g. email@gmail.com","type":"email","id":"Email-3","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"form":{"name":"Email 3","type":"input","passwordPage":false}}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad86","type":"Block","tag":"div","classes":[],"children":["39ec692f-d884-ac8c-394b-e4773d1d8b4f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"39ec692f-d884-ac8c-394b-e4773d1d8b4f","type":"Block","tag":"div","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ad87","afd74e17-d1a8-8af2-5ff3-44631a56ad89"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-passwordless","value":"step-2"}],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad87","type":"FormBlockLabel","tag":"label","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ad88"],"data":{"form":{"type":"label"},"search":{"exclude":false},"users":{"field":""},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"for":"Token","id":""},"visibility":{"conditions":[]}}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad88","text":true,"v":"Confirmation Code"},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ad89","type":"FormTextInput","tag":"input","classes":[],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"Token","data-name":"Token","placeholder":"e.g. 123456","type":"text","id":"Token","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"token"}],"form":{"name":"Token","type":"input","passwordPage":false}}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ada4","type":"FormButton","tag":"input","classes":[],"children":[],"data":{"attr":{"type":"submit","value":"Get Confirmation Code","data-wait":"Please wait..."},"xattr":[{"name":"data-ms-passwordless-button","value":"Confirm & Login"}],"form":{"type":"button","wait":"Please wait..."}}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ada5","type":"FormSuccessMessage","tag":"div","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ada6"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ada6","type":"Block","tag":"div","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ada7"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ada7","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ada8","type":"FormErrorMessage","tag":"div","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56ada9"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56ada9","type":"Block","tag":"div","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56adaa"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56adaa","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56adab","type":"Block","tag":"div","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56adac"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56adac","type":"Block","tag":"div","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56adad","afd74e17-d1a8-8af2-5ff3-44631a56adae"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56adad","text":true,"v":"Need an account? "},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56adae","type":"Link","tag":"a","classes":[],"children":["afd74e17-d1a8-8af2-5ff3-44631a56adaf"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"/signup","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"/signup"}}},{"_id":"afd74e17-d1a8-8af2-5ff3-44631a56adaf","text":true,"v":"Sign up"}],"styles":[],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Browser niet ondersteund. Gebruik
CC Chrome of SS Safari.

Over dit onderdeel

AI-gegenereerd

Beschrijving van onderdeel (gegenereerd door AI)

The Unstyled Passwordless Login component provides a simple and effective way for users to log in without a password, utilizing email verification instead. It features a clean, functional design that prioritizes usability.

Belangrijkste kenmerken:

Passwordless login functionality
Email input for user identification
Confirmation code input for verification
Success and error messages for user feedback
Redirect link for account creation

Ontwerpelementen:

Minimalistic design with no predefined styles
Responsive layout suitable for various devices
Clear labeling for input fields

Potentiële gebruikssituaties:

Web applications looking to enhance user security
E-commerce platforms wanting to streamline the login process
Membership sites that require user authentication
SaaS products aiming for a frictionless user experience
Startups needing a quick login solution without complex setups

Conclusion: The Unstyled Passwordless Login component is a versatile tool for developers seeking to implement secure and user-friendly authentication methods without the need for extensive styling.

Bouwen

Begin met het bouwen van je dromen

Memberstack is 100% gratis totdat u klaar bent om te lanceren - dus waar wacht u nog op? Maak je eerste app en begin vandaag nog.

Vergelijkbare componenten

Carousel Login Panel

Membership Login

Webflow IX Inloggen