Discover the best authentication websites created by professional designers. Get inspired and start planning your perfect authentication web design today!

Memberstack

NOTE: Codeless Login is now MemberStack. http://memberstack.io/

We're building codeless user accounts for Webflow! 

Click the "Request Early Access" button to be notified when it's ready.

Webflow has officially started their version, but we want to create a simple prototype you can use in the meantime. What that looks like, depends on the response we get from you, & how quickly Webflow finishes the official release. 

If you want :
 - users to sign up on your websites with a username & password
 - enable/disable access to content/pages for different user types.

Please like, clone, and (most importantly) click the "Request Early Access" button to be notified when it's ready. 

(P.S. You have to open the live site to submit the form)

Codeless Login Animation

Codeless Login | User Accounts for Webflow Projects

MemberStack freebie #3! 

Use these signup and login forms to jump-start your next membership project in Webflow.

These forms will work on any site with a MemberStack javascript snippet in the header. The validation smiley faces are using a bit of custom code in an embed toward the bottom of each page. If you need any help, you can reach us via Memberstack.io.

#3 - Login and Signup w/ a Slider

#3 - Login & Signup w/ a Slider

Outseta

Want to sell video courses? Need a learning management system (LMS)? Then this template is for you. Clone this template as a starting point and with only Webflow & Outseta you can build a learning management system that tracks students progress and gives you way more flexibility than Teachable, Thinkific, Udemy, or other course specific platforms.

Outseta & Webflow Course Membership Site

Video Course Membership Site

Hey all! Here's a free 23-page business template to launch your next startup. 

I started by getting permission from Rehan Khurshid to build on top of a project he recently made clonable (link in the credits). 

I updated the site copy, removed extra pages, removed extra assets, cleaned up most of the class names, and added ~10 pages with a ton of features. Here's a list of some of what you get...

- Homepage
- Product Pages (static or CMS)
- Usecase Pages (static or CMS)
- Blog + blog posts (CMS)
- Pricing
- Signup with social auth
- Onboarding forms
- Login
- Password reset UI
- Members-only dashboard
- Profile pages
- And more! 

I hope it saves you many hours and makes you some money. 

Peace 👋

Credits:
OG clone → https://webflow.com/made-in-webflow/website/lets-dive
Assets and images → © All Rights Reserved by Let’s Dive


Webflow Startup Template

Free Webflow Startup Template

Chainlift

The FireBASED UI kit for Webflow is a customizable set of forms for signing in, signing out, and signing up users! Works with the fireBASED method. NOTE: Requires completing all the setup steps at firebased.webflow.io to function.

FireBASED - UI Kit

FireBASED UI Kit

The site used in the playlist https://www.youtube.com/watch?v=x8OV8UJZWCA&list=PL4TuDUnZkkhx3v4U1zLmEOLEHQfprf-gp

If you clone this then head to the site wide settings and update the Firebase project IDs to match yours.

Copyable Webflow Auth Tutorial

webflow-auth-tutorial-098d3d47622171bf6

This template is purpose built for anyone that's interesting in launching a membership site or SaaS product using Webflow & Outseta. It includes:

1) All the sign up, login, logout, and profile buttons required for easy integration with Outseta.

2) A pricing page template

3) A protected content page template

4) A video placeholder perfect for a personalized introduction or product demo.

Integrate this template with Outseta in minutes! Here's a step-by-step tutorial. https://go.outseta.com/support/kb/articles/3wQXkomK/how-to-integrate-outseta-s-sign-up-login-and-profile-embeds-with-a-webflow-site

Outseta & Webflow Demo Site

Outseta Membership Site Template

Happy Wednesday! I noticed people were looking for an easy way to confirm password fields in Webflow, so I decided to create this!

There are a few solutions available today, but they don't give much (or any) style control or user feedback while the user is typing. This project does both!

It uses some custom code from Stack Overflow + some custom CSS to style neighboring elements. Tutorial video in the project.

Works with Memberstack, but you're welcome to adapt to any project! I hope it serves you well 😁

Confirm Password - Create Account (Signup)

Confirm Password

Just a clean and minimal little login overlay panel interaction.

✅ Native Interactions
❌ Custom Code

--

Follow me on Twitter: https://twitter.com/kevinhaag
Subscribe on Youtube: https://youtube.com/kevinhaagsucks

Login Panel

MM—020: Login Panel

Vault Vision 

No Code user login and signup template to easily enable passwordless and password based user authentication for your Webflow site. 

To learn more about Vault Vision's user authentication platform and start your free plan with expert help, visit us at https://vaultvision.com

User Login and Signup

A minimal authentication form for your next awesome project! 🚀

 Features ⚡︎
✓ Show/hide password.
✓ Input field autofocus.
✓ Multimedia side slider.
✓ Responsive design.

Credits: Tippy, Logoipsum.

Minimal Authentication

Happy Tuesday!

In this project, we've recreated the Memberstack profile modal using Webflow tabs. This cloneable template provides a user-friendly way for your members to manage their profile details, email settings, password changes, access content, and update billing information. You could drop this into your favorite modal or remove the background so the UI is full page.

Please note this project will remain non-functioning until you add the Memberstack header script to your project. 

Each section is carefully designed to make information easily accessible and edits straightforward. As always we're here to help so feel free to reach out if you have any questions. 

You've got this! ✊

Profile Modal

Webflow Profile Modal

Hey everyone!

Here are some more signup and login forms for you, pre-integrated with Memberstack as always!

Sign In

Free Webflow Signup + Login Forms

A project inspired by @JasonDark after his great post about Firebase Authentication I wanted to create a custom log in/sign up flow rather than rely on the Firebase UI.

Jason Dark's post: https://forum.webflow.com/t/webflow-integrated-with-firebaseui-for-user-authentication/55411/50 

This project currently is not perfect! It does need some validation on the sign up and log in forms and some other code clean up.

Firebase-Auth

Firebase Authentication

In this project and tutorial, I wanna show you how you can use  Memberstack data attributes to gate access to an element. In this example, we'll gate access to a video.

Premium Video

Members-Only Video

Instructions on how to use this template: https://cotterapp.webflow.io/webflow-blog-cookbook

The signup/login form will be passwordless - using magic link!

If you need any help, email us at team@cotter.app or head to our Slack Channel: https://join.slack.com/t/askcotter/shared_invite/zt-dxzf311g-5Mp3~odZNB2DwYaxIJ1dJA.

Members-Only Blog

members-only-blog

Have a bunch of options for social logins? Great!

The UI however - not so great when your page has 5+ social login buttons on it.

Use this dropdown element to include a bunch of different options without clogging up your page.

Social Login Dropdown

Social Auth Dropdown

Today (July 18), Memberstack is live on Product Hunt!

And, for the occasion, we made this free cloneable sign up form matching Product Hunt's! All social auth buttons work :)

Support us on Product Hunt and get one month free Basic Plan ($29) at this link: https://www.producthunt.com/products/memberstack