Here's a whole bunch of MemberScripts combined to make a functional kanban to-do list which pulls and prints items from the member's JSON object!

Kanban To Do List

Once your member signs up, show them something (such as a coupon code, welcome screen, waiting screen, or anything you want) for a set duration after they have signed up. 

This is saved in JSON, so it cannot be overridden.

Show Element For X Duration After Signup | MemberScript #27 & #28

Here's a free cloneable reset password flow with a beautiful modern design!

All steps are included from the initial prompt all the way to being successfully logged in with the new credentials.

All Memberstack attributes are applied so it will be super easy to integrate into your project!

Forgot Password Flow Cloneable

Here's a fun way to let people know their payment has gone through!

Because who doesn't love confetti?

Payment Successful Screen With Confetti

Happy Thursday! 

We recently applied to get Memberstack up on Webflow's libraries page. This page makes it easy to see what's included. Feel free to clone this and use it for you own projects and library submissions as well. 

This site includes sections for:
- Webflow signup forms
- Webflow logins forms
- Webflow forgot password flows
- Webflow onboarding forms
- Webflow Contact forms
- Webflow text inputs
- Webflow buttons & social auth buttons

We have plans to add more, but this is what we've got for now. If you appreciate projects like this please take a few seconds to like 💙 clone 👋 and follow ➕

Memberstack Library

Instead of sending people to a new page or using workarounds to show them modals, gate your premium features with custom modals using this SUPER simple, attribute based solution!

For a tutorial and more Webflow power-ups, go to: https://www.memberstack.com/memberscripts

Gating Content With Modals | MemberScript #26

Easily filter items out of a list based on the presence of an item within it's children - this works perfectly for not only CMS lists, but also for static ones and lists generated by member JSON.

Filter Lists Based On Element | MemberScript Demo #24 & #25

This UI is for projects with multiple plans and multiple user types. Each user needs/get their own bespoke experience. It's one possible of a way to conditionally display pages depending on which plan is purchased or joined. 

Comes with a tutorial, login page, 2 signup pages, 2 onboarding pages, and two different "logged-in" areas.

If you have any questions feel free to leave a comment in the loom video 👍

User Onboarding Choices

Want your site to have loading states similar to all the top websites like Facebook, Youtube, and more? Get yourself some skeleton screens!

These are a visual way of representing that your content is loading which keeps people around for longer and is proven to make the waiting time feel shorter. Simply copy and paste some code, add one attribute, and you're good to go!

Skeleton Screens/Content Loaders | MemberScript #23

CTA Sections are a part of every website, so it gets a bit tedious to build the same sections over and over again.

That's why we've built this free CTA UI Kit - a simple library of common CTA layouts with an easy-to-edit style system.

Classes are client-first, so they will fit into your project easily.

This library is new and will be expanded if the community likes it!

Ultimate CTA Pack | Call To Action UI Kit

Use this popup to let your members know it's time to upgrade their plan! This modal features a 2-tier design which means you can easily add 2 plans or 2 billing frequencies directly to the modal.

2 Tier Upgrade Modal

Block access to a page or collection of pages with Memberstack. 

You don't have to use Memberstack to block access to content. You could also use password protected pages, modals, Webflow Memberships, or another membership tool that works with Memberstack. 

Btw - I highly recommend making the next step after "Access Denied" as easy to access as possible. Wether it's a signup form, login form, upgrade page, or whatever. You could even drop your forms into this page so that it both blocks access to content AND helps the user get access.

Block Access in Webflow

Happy Tuesday! This UI could work as a stand along page or a modal which pops-up when a user tries to access gated content. 

This UI is intended to be used with Memberstack's gated content feature, but you could use it for anything really. There isn't anything special about this access denied page that makes it specific to Memberstack. 

I got both of the graphics from the Figma community - https://www.figma.com/community/file/1243880102958009913/Gradient-Abstract-Backgrounds

Gated Content Page

This is one possible method of updating your pricing table to display a member's current plan.

Current Plan UI

Here's a split-screen gaming themed login with a large illustration/picture area, dark theme, and Google sign on.

Gaming Themed Log In Page

Here's a sign up form with a modern "cut out" fashion theme! As always, it's pre-integrated with Memberstack for easy set up!

Fashion Themed Sign Up

Here's a modern, fashion-themed login screen freebie! Comes with Google Auth pre-set-up :)

Fashion Themed Log In Page

Here's a emoji-based satisfaction survey form with an additional feature which grays out the submit button until an option has been selected!

Memberstack

About

About

About