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

Memberstack

Happy Thursday! 

I took some time to revise one of Diego Toda de Oliveira's open-source projects and added Memberstack to it. 

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!

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

Beautiful Membership Site

Beautiful Membership Project

MemberStack freebie #6! 

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. I 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.

#6 - Premium Pricing / Upgrade Modal

#6 - Pricing Modal | Upgrade Modal

Happy Thursday! 

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. 

The last thing I’ll mention is that the login and signup buttons do work, but you’ll need a Memberstack account to access member data or to accept payments. 

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!

Beautiful Startup Homepage Template

Beautiful Template

ITA Group

A mesmerizing little down page animation built only with Div's and IX2!

Generic Down Page

Animated Down Page

Happy Thursday! 

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. 

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

Membership Login & Signup

Membership Logins

Happy Thursday! 

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

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!

Recurring Subscription Billing

Recurring Billing

I rebuilt a Dribbble shot by Danilo Tanic (credit below). 

The project has a Loom video which explains how everything works. There's a bit of custom code to style the tabs and make it easier to edit in the designer. 

If you have any questions comment on the Loom video and I will get back to you there.

Designs - https://dribbble.com/shots/16545424-iOS-Onboarding-and-Subscription

Photos -
https://www.pexels.com/photo/man-wearing-white-pants-under-blue-sky-999309/
https://www.pexels.com/photo/woman-exercising-bear-body-of-water-1300526/
https://www.pexels.com/photo/woman-in-gray-leggings-and-black-sports-bra-doing-yoga-on-yoga-mat-3823039/

Upgrade Plan Modal

iOS Inspired Upgrade Modal | Pricing Component 

Happy Wednesday! 

I took some time to revise one of the community open-source projects and added Memberstack to it. 

I added a fun hover interaction, removed/renamed a few classes, updated the page copy, change font sizes to make the prices feel smaller, and added Memberstack links to all of the buttons. 

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. 

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!

SaaS Pricing Page Template

SaaS Pricing Template

Happy Thursday! 

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

I removed/renamed a few classes, updated the page copy, change font sizes to make the prices feel smaller, and added Memberstack links to all of the buttons. 

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. 

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!

Pricing Component

Free Price Page

Happy Tuesday! 

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

I added a fun hover interaction, removed/renamed a few classes, updated the page copy, change font sizes to make the prices feel smaller, and added Memberstack links to all of the buttons. 

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

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!

Memberstack Pricing Table

iHappy Tuesday! 

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

I added a fun hover interaction, removed/renamed a few classes, updated the page copy, change font sizes to make the prices feel smaller, and added Memberstack links to all of the buttons. 

This free webflow template is a 2 plan pricing table which really down play shte price to be paid. 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. 

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!

Pricing With Table

Pricing with Feature Table

Happy Thursday! 

I took some time to revise a signup UI created by Restep and added Memberstack to it. 😁

I removed/renamed a few classes, swapped the background videos, updated the page copy, and added Memberstack attributes to the forms. 

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

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!

Cool Membership Signup

Happy Thursday! 

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

I added a fun hover interaction, removed/renamed a few classes, updated the page copy, change font sizes to make the prices feel smaller, and added Memberstack links to all of the buttons. 

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

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!

Pricing Table

Membership Pricing Table

Hey everyone!

Here's a popup plan upgrade modal/lightbox with a pricing table inside of it. This would typically be used when a member is on a free plan, but they tried to access something which is only for paying members.

Don't forget to clone the code in the sitewide <head> so this works!

Popup Upgrade Modal

Upgrade Modal Popup w/ Pricing Table

Happy Thursday! 

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

I added a fun hover interaction, removed/renamed a few classes, updated the page copy, change font sizes to make the prices feel smaller, and added Memberstack links to all of the buttons.

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!

Green Pricing Table

Happy Monday! I took some time to revise one of Flowbase's open-source projects and added Memberstack to it. I removed/renamed a few classes, updated the page copy, and added Memberstack links to some of the buttons. 

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!

Pricing Table Tabs

Happy Friday! 

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

I added a fun hover interaction, removed/renamed a few classes, updated the page copy, change font sizes to make the prices feel smaller, and added Memberstack links to the buttons. 

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!

Simple Pricing with Two Plans

Pricing Table with Two Plans

Happy Friday! 

I took some time to revise one of Uiflows open-source projects and added Memberstack to it. 

I updated the styling, removed/renamed a few classes, updated the page copy, and added Memberstack.

This free webflow template 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.

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!

Discover upgrade websites built by the Webflow community

Discover upgrade websites built by the Webflow community