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

Memberstack

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 & Signup w/ a Slider

Duncan Hamra

Happy Wednesday! 👋

I took some time to revise one of Pixer.io's open-source projects and added Memberstack to it. 🥳

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, + a functionaly signup, login, and welcome page. 

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.

If you have any questions, feel free to drop a comment below. Thanks!

Local Membership Template

Federico

Ethereum based Auth + Account System, through Netlify and Supabase.


1. User sends request to serverless backend, gets a nonce generated securely and a request to sign it.

2. Wallet signs and sends signature back to backend. If signature holds correct nonce user is logged in asd a session JWT is allowed to make changes to profile with no additional secured requests.


Try and login (I'm only storing wallet address and if you pick one the username and twitter handle). Please don't spam my API (:

👀


—— v⟋0 
Only supports Metamask Wallet and sessions resets on every refresh

Blockchain Account + Login System ⟋ demo

Jeff Selser

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.

webflow-auth-tutorial-098d3d47622171bf6

Happy Tuesday! 🌞 Get ready to level up your Webflow projects with our Medium-inspired notifications page. This project allows your members to easily manage their email preferences.

What's in store for you:
- Custom Checkboxes
- Memberstack integration
- Mailerlite integration
- Tutorial Videos

To help you better understand the project, we've included two tutorial videos on the profile page. The short video gives a high-level overview, while the longer video takes you step-by-step through the process of setting up the project with a mailing service and pushing it live.

Feel free to leave comments on the tutorial videos if you have any questions. Don't forget to like and follow our project for updates! We can't wait to see how you integrate this cloneable email preferences page into your Webflow projects.

Happy building! 😁

-Duncan

Webflow Notification Preferences Page

Happy Thursday! Back with another membership freebie.

This one is 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. I hope this works well for you! If you have any questions, please leave a comment or contact me directly. duncan@memberstack.com

(Inspired by Baremetrics).

Membership Cancellation Form

Happy Monday! Hope everyone is doing well out there 😁

Today I've got a new profile UI to share. This UI allows you to keep your "display" and "edit" profile UI separate. To be honest, I don't know why this UI is better than letting people edit and view in the same place, but it sure does look good. 

I've incorporated a few in-line modals which are pretty easy to work with. Click an "edit profile" button and you'll find a short tutorial video. 

It's important to note the edit modal needs to be relative to the page wrapper. If any parent has a z-index you may run into trouble. 

Webflow Edit Profile Buttons

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! ✊

Webflow Profile Modal

Antonio E.

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

Hi everyone! Hope you're having a great day 😁

This is the first of many different signup, login, profile, checkout, and other Webflow membership components that I'll release in the coming weeks.  

This one 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!). 

Thanks!

Webflow Social Login [beta]

Fully Customizable Video Commenting 🎥

YouTube-inspired commenting section for Videos in Webflow. Experience the thrill of real-time engagement where the newest comments take the spotlight at the top, dynamically pushing older ones down. All seamlessly powered by Memberstack.

Key Features:

→ YouTube-Style Interaction: Familiar, user-friendly comment layout to boost viewer engagement.
→ Top-Down Comment Display: Newest insights and interactions always front and center.
→ Memberstack Integration: Flawless, powerful backend support for your Webflow site.

Other Highlights:

→ 100% Customizable UI: Tailor every aspect to fit your video platform's unique style.
→ Effortless Setup: Quick, easy integration with Memberstack, complete with step-by-step guidance.

Tutorial video → In the project. 
Help Center Article → https://docs.memberstack.com/hc/en-us/articles/18966275380123

Webflow Video Comments

Happy Tuesday! 

This is a prototype project for Memberstack 2.0. I've very heavily copied the Linear signup page (circa Feb 2022). I really liked the way the email is hidden until after clicking the continue with email button. Very clean, and very simple. 

I'll release once all of the social login functionality is present in Memberstack.

Linear Signup

Hey everyone!

Here's a new cloneable with a total of 4 forms - 2 logins, and 2 signups - one for each account type!

Hope you enjoy!

(Freebie) Sign Up + Login Forms With 2 Account Types

Happy Monday! In this project I'm using MemberScript 71 to redirect users who haven't finished filling out their onboarding form. This is useful when you want your onboarding page to be the redirect on signup, and then a different page for redirect on login. It effectively disables your site until the onboarding UI is complete. 

While I was doing all that I also decided to recreate Mediums signup ui. Options are to signup with google, facebook, or with email. The email signup form is displayed when the "Signup with email" button is clicked.

New Account Form Inspired by Medium

Flowbase

𝗢𝘃𝗲𝗿𝘃𝗶𝗲𝘄:

Popup / modal element that can be used to collect on-page information such as subscriptions, accounts, information.

-------------

Discover the world's largest collection of Webflow components.

⭐ flowbase.co/explore

Instantly copy from our huge library with a single click. Premium components that help you solve problems faster. 

Become a member today!
⭐ flowbase.co/club

Modal Component

Mikhail Voloshin

Hi there! My name is Mikhail and I'm gonna create some cool Webflow stuff, and share with you for free. So follow me in Behance and get new design ideas. Here is a Sign-Up form!

99ui#4 Sign-Up Form

Here's our new comment section for members to leave feedback. It's got a straightforward layout, big heart buttons for likes, and no downvotes to keep things positive. The design is simple – white cards with a bit of shadow. Plus, there are nested replies to keep conversations organized. It's all powered by Memberstack.

What's Cool About It:

→ All About the Likes: Big hearts for positive vibes.
→ Simple and Clean: Easy on the eyes with a white, shadowed design.
→ Just the Good Stuff: No downvotes, so everyone stays upbeat.
→ Neat Replies: Nested comments keep the chat tidy.

Why You'll Like It:

→ Comments appear in real-time
→ Keeps your community happy and engaged.
→ Easy to add to your site with Memberstack.

Ready to make your member feedback more fun? Check out our quick guide to get it rolling.

Tutorial video → In the project.
Help Center Article → https://docs.memberstack.com/hc/en-us/articles/18966275380123

Discover account websites built by the Webflow community

Discover account websites built by the Webflow community