Webflow Membership Templates

Here’s a simple sign-up form with a show/hide password feature, Memberstack installed, styled select field, checkbox, email, name, and password.

This project is a multi-page template to sell offline services like lawn care, music lessons, courses, etc. It includes an about page, service section, login, signup, a placeholder welcome page, and more.

This free webflow template is a login and signup page with fun labels, show/hide password functionality, and Memberstack installed.

This is now a multi-page template with a landing page, signup, login, pricing, and welcome page. The landing page includes a hero section, navbar, fully responsive design, FAQ, How it works section, client testimonials, Product section, CTA, footer at the bottom.

This free webflow template is a pricing page with multiple sections. Includes monthly & yearly pricing, FAQ, discount for non-profits, charitable causes, and a money-back guarantee.

I had some fun recreating the wonderful Yeti Login Codepen by Darin S. The project is 100% Webflow and relatively simple all things considered. I broke the SVG into parts, added a hover-over-element interaction to the background, & hover in / hover out interactions to the email, password, and login fields. The "rotating" head effect is created by moving close-up elements slightly more than background elements. I.e. the nose moves 11px to the left or right, while the mouth only moves 9px. The blue face SVG moves 6px, and the body doesn't move at all. Here's the link to the original project https://codepen.io/m3eu/pen/VwYBbwO

This is now a multi-page template with a landing page, signup, login, pricing, and welcome page. The landing page includes a hero section, navbar, fully responsive design, sticky sections, awesome scroll interactions, infinite client testimonials, footer, and a looping animation at the bottom. All of the copy is a placeholder & the images are from Pexels so this project is 100% yours as soon as you hit clone!

This free webflow template is a login and signup page with gradient border colors, border IX to create a “shine” effect, bold drop shadows, and a simple navbar + footer.

This free webflow template is a pricing page with monthly & annual billing, additional perks/plans/discounts, an accordion-style FAQ, footer, and navbar.

This free webflow template is a modern landing page for a subscription business. The project includes beautiful photos, scroll interactions, several sections including a hero, getting started, mega navigation, interview section, testimonial, background videos, call to action, footer element, + functional signup, login, and welcome pages.

This free webflow template is a signup and login UI with a textured background, rounded buttons, show/hide password, and styled form inputs.

This free webflow template is a simple signup & login page with gradient outlines, show/hide password functionality, a dark theme, a footer, and a beautiful background image.

This free webflow template is heavily inspired by Pipe.com’s website circa March 2022. It includes a fixed navbar with hover and scroll interactions, working sign-up, and login pages, feature sections, testimonials (inspired by Lattice.com), tabs, comparison section, fun gradients, a dark UI, Lottie animations, and a footer section.

This free webflow template is a simple sign-up or login page with a white card background, fun emoji-style illustrations, and a slick loading animation.

This is a simple login form with a background video, some custom code to animate the labels, and a tiny bit of custom CSS to style valid inputs.

This free webflow template is a slick login and signup UI with a hero background video and a simple form.

This free webflow template is a beautiful tech landing page inspired by https://graphcdn.io/. I really like the way they incorporated a colorful hero section, above-fold testimonial, and social proof. Their animations are slick, informative, and not at all overwhelming. I found a nice Lottie file to recreate the feel. I admire their icons and product sections, so I rebuild those as well.

This free webflow template is a 2 plan pricing table that really downplays the price to be paid. The focus is getting a user to join for free while still pitching the unlimited plan. The page includes a simple feature table below the main table.

This free webflow template is a 4 plan pricing table with a clear favorite. The buttons have slick hover interactions

This free webflow template is a pricing table that emphasizes the cheapest tier. The more expensive plans are hidden behind a button click and are therefore much less likely to be seen.

This free webflow template is a beautiful orange and dark blue, 3 column pricing table with a header.

This is a multi-page membership template with a landing page, signup, login, and content area. Each page has a short video that explains how it is set up with Webflow and Memberstack. The landing page includes a hero section, navbar, how it works/articles, features sections, testimonials sections, and support/CTA section just above the footer.

A fun pricing table with hover interactions. Each pricing option is a card with a shadow and a hover interaction.

A sharp, modern, and colorful pricing table for a site with 3 plans. Can easily be adapted to support more plans by adding tabs or a toggle. You'll need to hook the contact us button up to your chat app, contact form, or email.

An easy way to require users to confirm their password during signup. This project allows total design control over the "🔴 No match" and "🟢 Match" states. It uses some custom code from Stack Overflow + some custom CSS to style neighboring elements. Tutorial video in the project.

This project contains code for showing and hiding the password field. The on-page video explains how the project is put together.

A simple membership table with 3 plans. Note: you could use this template with Memberstack's pre-built UI (the one you see in the template now) or you could link directly to your own custom signup form. Totally up to you.

A beautiful 3 tab pricing table. Perfect for sites that split their pricing into 2 or more buckets. The tabs could designate personas, billing frequencies, business size, etc. Note: you could use this template with Memberstack's pre-built UI (the one you see in the template now) or you could link directly to your own custom signup form. Totally up to you.

A complete pricing template inspired by Autopilot's old pricing page. I enjoyed their use of colorful icons, pictures of actual people, and beautiful fonts. Includes a hero section, pricing table, persona-based pricing, feature comparison, FAQ, and CTA.

Launch a paid blog template using Webflow & Memberstack. Fully or partially gate content in exchange for an email address or credit card payment.

A cancellation insights form that receives user data from Memberstack. Instead of allowing users to cancel their accounts via the default profile UI, we've created our own 100% in Webflow. All of the form data is submitted directly to Webflow, meaning we can export and analyze the results at any point. The cancellation form is currently in a modal, but that could easily be its own separate page. (Inspired by Baremetrics).

A cloneable signup page with Google login, Twitter login, name, username, email, and password. NOTE: The username, Google, and Twitter functionality are currently in beta as part of Memberstack 2.0 Inspired by Dribbble's signup page circa Feb 2022.

An asymmetrically split layout with a background video. (Video courtesy of Vanessa Garcia on Pexels.com). Please note the social login buttons don't work at this time (currently in beta).

A simple pricing table with 3 recurring pricing options. Inspired by Dropbox's pricing table circa Feb 2022.

A simple split-screen signup page ready for you to add your own text and screenshot. Social login functionality is currently in beta.

This project uses a tiny bit of custom CSS to hide and show the password field & terms/privacy checkbox. Clone the project to see how it works. This is compatible with any Memberstack signup or login forms, and will still work with password managers.

This project is compatible with Memberstack 1.0 and teases a bit of social login functionality that's coming soon with the launch of Memberstack 2.0 (we're really close!).

This template is a collaboration between Memberstack and UI/UX designer Phil Cook. Huge thanks to Phil for repurposing this beautiful template for all of us to use. https://webflow.com/Philip

Use this simple pricing table with or without Memberstack in any project you like. The plant images are open source and free to use.

This site is a fun example of using links and multi-step signup forms in Memberstack to create dynamic user onboarding flows. The homepage has a tutorial which shows how the site was built and how you can customize it.

Modals are an excellent way to keep your users in control. Let them create an account or log in to an existing account without ever having to leave the page.

Memberstack is a designer-friendly membership platform that works with Webflow. Previously, you could only collect member data during signup, and your members had to use the profile modal to make changes. Now, you can design your own custom forms to collect and/or update member information at any time. Perfect for multi-step signup flows and updating custom profile fields.  To get started, create a free Memberstack account and add the URL of your new site during setup.

We've received quite a few requests for a "client dashboard" from agencies and freelancers, so we designed this template. You can now build out user-specific pages on your website that are only accessible to one client. Feel free to use the template as is for a future client or change anything you like! The entire site is built in Webflow, and the charts use chart.js as well as some custom code. CMS is optional, and the login and signup pages are regular Webflow forms. To get started, create a free Memberstack account and add the URL of your new site during setup. You can select "Start from Template" to load in most of the settings from user-dashboard.webflow.io.

A simple pricing table with monthly or yearly pricing, inspired by UberConference. The site is mobile-friendly, user-friendly and designer-friendly. We hope it comes in handy on a future project! Memberstack is not required to use this project. If you need any help, you can reach us via the chat on Memberstack.io or our email team@memberstack.io.

Use this just-in-time pricing table to upsell your products or services when a user clicks on a "premium" feature or wants to see your pricing. The site is mobile-friendly, user-friendly and designer-friendly. We hope it comes in handy on a future project!

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 script in the header, and the images are from the wonderful, open source https://www.humaaans.com/. If you need any help, you can reach us via the chat on Memberstack.io or our email, team@memberstack.io.

Pricing page design for freemium business with 3 pricing levels. Free, Basic and Premium. Monthly and annual billing. Display a discount for annual billing.

A free dark template to sell a digital product, service or content. Highlight benefits, and let members sign up on a free or paid plan to access them.

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.

A simple website with 2 membership plans to gate content — a Basic tier and a Premium paid tier.