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

Duncan Hamra

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 Project

Memberstack

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 - 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 Template

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 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 Billing

Corey Moen

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

Animated Down Page

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/

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

Free Price Page

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 Feature Table

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

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!

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

Membership Pricing Table

Use this MemberScript to display and save a REAL countdown which saves in the local storage, and then removes elements from the DOM by user when the countdown is finished!

Also included is a little copy coupon code item with a Webflow Interaction.

Enjoy!

#8 & #9 - Countdown Upgrade Modal | MemberScript Demo

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!

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!

Pricing Table with Two Plans

1vaRoS0QlFL+TEUDugDt/1KXdWvhj03Qb9u2ruorsNc=

6qSamKWmkxX2fnUM9HsZmrP8aP7f2O195iTFPfRXJnU=

Abq7j8lCUGCWx2iqashROjdv8R2L4sVg4pUuROgkp4E=

CHiQfJJNufnbbHjt7tcZuD9wK6Bl5FwbOUHnSl3avqA=

CS4BRGaO4rUrYNAyOI44zTjp3t7P2OOu41QdwKmWO/g=

RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

mMjt/im3qTbmtzqqztBpqn+Rgsc5U8Gc8X6ZDITjoDk=

oIkmI84/O3nodhAO/gAbs0zgY2IvPgpH6UlSycbHi/I=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

+j+2BnaQSkzkNe0dpNHl103pbsRtVlBy3Ivqpwb7bho=

/z5rny/vN8rnsI2gxYCgnqQOFiwY847T4QIeZ6w5I34=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

0ACb5hSoxo1svvHlhJqD4sUSDGJ97B1kBGWGGxycXu4=

0z+EonM/Ze0RUt4FnVPK9NO8zbPrdKWPIV/2nsroWAM=

1Kas5SxzFq1TyEEK/rwk9T2BTRF97IopQx0dxEZEiV4=

1PAePmG+u2MMJihdvOPE+f3q6uU4s1vcblpYTbo4KCw=

1yPpEBxQzs5EQ8FAvcACSinRq2S2J2069sPRZVRmmxE=

3VTr+Ac3pZZPAIkCsxMLLyT4g863JxXKgu3+Ayfoq6U=

4ZJ7EGzGqv4xuN2dyPyGVzeXC3ZzxnWvJ6WajoEnM98=

4eIPknyFF46oh0mLjXLEN9nOuX2TKp2hUHUJY5aPSpQ=

4zIwhZkCZ+GlQOns3JIYBz0/OVfdZ3Y1uk/5+7mf+2A=

5FDeSfKIJLemkdT7BTuxj/qoLWYEBfG9UQBPghck3ZA=

5pIFK+PVeOj47PIVY1YpQZ0n1VhUv3AFhxF9FK3/5NU=

7xZWAYfVqaEy7CXa1ckZo3xjvoaWoIOdhw+qc8M1IKQ=

8oMNOGWYYe/dsogfowL+vLrVdT2OWWyyHB1Y4XXFWGs=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

CY7M9UIqsstwHXkY2gh+1iwe+xn/L400EHoMCr5V2Kk=

CjOPUxQfd2e9T/jCfK5kLFZtS+YknIrp9TbZsxBJ3n4=

DZW4Lt9/4nTqMYcoG7AAN7TQCRwpJ94xFJ+gE1GO2AQ=

EA6pIl34ynZu2fCXtDsf5N+8HjgmFW1iWFEJidJmjwE=

EmL/07sZTmi9xV+epHzdYP8GGRzf/PzE1igH51TIYGQ=

I6aCKEIKc6Arq7OqoqijPw7efTjUjYkQrD6nNhdEUwo=

JCIMc2jHTforX4kLxzXeocMmrYb+LnAgwZU0w3bCzQY=

JSUE/tzFGqA8SW6UZelJxRWNmjDOVW6AacN+s8q2058=

JXxUskpxyJf0HzDZZzk+rnqpDJoD/uHhmIBaeZ2rf2I=

JseFDRfctUKg1rAF0E6mL1YOHzQe1gVou75Mw8zcVOY=

KmttvwfoYQsBfGx+YR6WvNYQXoRwaQ+hKZS5+DHpXLk=

LOBx6XjXdHGh1Mc2TWG0lUBfYWbMOp15iStJG887/pg=

LtNTzuGC6a/O4opneIzFRwuxaT7A0jTPzl4xxFVOaJU=

NP6mAIrpTB9kRjtJnW3FmZTpNpH4UMQimwJqY9Sec+k=

NaOvW/FyxHGGW+okX5dXeUZcodQswSRaUy5pwYMQCY0=

OKA/wpW5U0/bGFF7Bsd9Jpz9vIcGmsLeCg4ac42B+uM=

ONGbaY8NwLZsAON1rFnvSZpSx/C2YgSvAaKP+Qs3sy0=

P7vOA+qkoiRS/9UWXIUHxm+CI0lSj7WY2ZBiK9KyND4=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

Qdld2j63j/MIDqhyo7Y3RiOeFhBqJglREH2O+FwXR9I=

RTjXBMHnjTqFdoDyXUO2AKPkqYypcAKcmM0zGDh4caY=

ReTHz5O++2bhIDWL5iofoqpgFh3DS7gFBY5lndMX0a4=

S3UH97cX9/DCJeeuSb/1cxTJ7CCdGRdLv4pASFeUrlQ=

W0wgK3N2DKRw7mHe/OXWveRF5zny0tvm+vG0KHiLp/Q=

XGglpWsF+VpgOjXfIqzwrxv0n1E+aPydxJbt23zu0UA=

YTgvz2H2yS7kYnVdz+7EJIUOPBCJhECNTPAhmUOoe68=

bNYcTJMABTjrejqaTAIi80LmrWFfpTsCp44eZk1OWP0=

bsLlc2kcOlK5RWQ59v0AEAUf4ihEq1EqzVL0STw1ipU=

ca/pVHa3/6Sxei+4H7EgEWxytJZtjYaWd4gIcLS9BNk=

dZwrFziiqNuYnGDLDpHI1YhPjKifwSg45KCaURl8D2g=

e+VmFrHp4Yr8GXYWjDQHdWz2PclHlzv9quqbIMU/Xu0=

eDXaquyPVYoFNZ+HLRFOqPbAk7N1nlRiJhbhe4g83Es=

eKZ9sLSo6+sicIvD6P1KSh2FCMctkVM3veR39Usebi0=

eYRhaR917Kl8W9yQ5U6MBqXj8vPkIthFhiNmuNeAN78=

eYmgBZ7+8Grb61FIjGTNd9D3G+r/jczTEkvC5rm19Tk=

eecmD3rxb35ZwVocxDFRqbIjnQdCCFmngV56ILYVHa4=

fqjlnE7z3/vZw0OHR2kV0utFuXmlHUaSBJ3gfhkXNsI=

gok0DFmTbYmfgm71+6/UBa9YMdK9fta9tVCYCvw0mUk=

gtX0dj3u43dHLSN3L1/ocA2zuRIhSWSH7czMAshjILo=

i5RceAnwNYDnFUmn6Nr7tYoU2zgb6WZMXFAm/Ks3EJI=

kaIOlI6Nq9Q/ie+EQ0pIStIilIP0OEzSTA39Jp+4KjQ=

mdqrxKA5yNLUO1xy5DRK+BdrEEx0DaTbUqGALpHTFfo=

oEth0GQmlQEb4LYJYa0d+c3HKD3ULkpBbWmsOKI9iAY=

p2Vh8R1nnPDbUmB2laIvAo+ftmfycxaj1wj+1VbZyLg=

p7M33hx2/QNUnwxc0CuYfz1Pt74M+mfrGVQxzk65gwY=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

p97Dq+fIx/w3/EkGTzaK1w3GxAKb2UiB7DMgeXVqPaw=

pJfUbXSMy3I5/YgFlhkcdg6l873+JjkE05INAUxLmUI=

pJu6WGBlTFWiqPzNCkQSRb8W05i8Lzy2Nfh+m51MAZM=

qriyvYyof2e0nw26zR6JThjy67bKClLhvHTizM7yDcg=

qwBI7cEFi2p5uofmngMNq9hyeXBei5HjbZBPsE2jVNk=

sVP46tBNXrVbRgo8gxjQJi56Ye1Tf58d/5IGrW+t554=

tGWEp1ekGCD5QuqN7IYlGfZ+o0Bp3gDLnODVnfQtzzk=

tOlureLazS6/pYwbqdKmud6Bvaf9nA4m71Uoyrhnjxo=

taTnYyyHDohIACH0XOt7f9rsbQDo8eDaAR5/12UVIeQ=

tcmGcYpBS2ChBOHZ0EWBvqwozC4S2fVByvq+/Nu+8qk=

w2/bDgmUb6OwHuhtN+Wm89zclNO2xRBG8xtJr4UsBbM=

wV9d2LzLij/UwbGC8MXX+RHNBZ5d/rww134rq+krlJQ=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

xopiPniokR0nK50Zusg9JVnovSEk5Ehp9FNP10Oe3yY=

z0Bcstj2RryBavzQoKM3ahOCQcI8zFyYwMLgeOJj6ho=

zTjP0wu4jQu1N5tp1E0KqrsQoD7VvYN4Qrege5SFXd0=

znSGofNSewV4L1nPnkUNOmgEJsZN01R3WQN2oIXOng0=

Best Upgrade Websites | Free Examples & Designs

Discover Upgrade websites built by the Webflow community

Discover Upgrade websites built by the Webflow community