PageSourceSearch

https://www.memberstack.com/

html memberstack.com collected 2026-10-02 02:44:57 UTC 178,119 bytes, 138 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/immutable/media/5c285b27cdda1fe8-s.p.0lsanbtneewqp.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/images/logos/memberstack-full.svg"/><link rel="stylesheet" href="/_next/static/immutable/chunks/3ctxm8m0lgv9v.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/immutable/chunks/2s-5o-z4g75gg.css" data-precedence="next"/><style data-precedence="nav" data-href="memberstack-nav">
2/* Control is the fallback; inactive arms are also removed from the tab order. */
3[data-nav-arm="b"],[data-nav-arm="c"]{display:none}html[data-nav="b"] [data-nav-arm="b"],html[data-nav="c"] [data-nav-arm="c"]{display:block}html[data-nav="b"] [data-nav-arm="control"],html[data-nav="c"] [data-nav-arm="control"]{display:none}
4
5/* Dropdown enter animation */
6@keyframes nav-dropdown-enter {
7  0% {
8    opacity: 0;
9    transform: translateY(-8px);
10  }
11  100% {
12    opacity: 1;
13    transform: translateY(0);
14  }
15}
16
17.nav-dropdown-enter {
18  animation: nav-dropdown-enter 0.2s ease-out forwards;
19}
20
21/*
22 * Nav Lab guided menu: rows cascade in as each step swaps its list.
23 *
24 * They travel HORIZONTALLY on purpose. An earlier pass moved them -4px on Y
25 * inside a panel that was itself sliding -8px on Y over the same 200ms — same
26 * axis, overlapping windows, so the stagger was running and invisible. Moving
27 * the rows across while the panel moves down keeps the two readable at once.
28 *
29 * Direction carries meaning: deeper slides in from the right, back from the
30 * left, so drilling feels like travel instead of a redraw. Delay is set per
31 * row inline.
32 */
33@keyframes nav-row-in-forward {
34  0% {
35    opacity: 0;
36    transform: translateX(16px);
37  }
38  100% {
39    opacity: 1;
40    transform: translateX(0);
41  }
42}
43
44@keyframes nav-row-in-back {
45  0% {
46    opacity: 0;
47    transform: translateX(-16px);
48  }
49  100% {
50    opacity: 1;
51    transform: translateX(0);
52  }
53}
54
55.nav-row-forward,
56.nav-row-back {
57  opacity: 0;
58  /* Decelerating ease — fast out of the gate, soft landing. */
59  animation-duration: 0.34s;
60  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
61  animation-fill-mode: forwards;
62}
63
64.nav-row-forward {
65  animation-name: nav-row-in-forward;
66}
67
68.nav-row-back {
69  animation-name: nav-row-in-back;
70}
71
72/* Mobile sheet entering from under the navbar. Enter-only, matching the
73 * desktop dropdown — an exit animation would mean keeping a closed menu
74 * mounted, which is a worse trade than a clean unmount. */
75@keyframes nav-sheet-enter {
76  0% {
77    opacity: 0;
78    transform: translateY(-8px);
79  }
80  100% {
81    opacity: 1;
82    transform: translateY(0);
83  }
84}
85
86.nav-sheet-enter {
87  animation: nav-sheet-enter 0.22s cubic-bezier(0.16, 1, 0.3, 1) forwards;
88}
89
90@media (prefers-reduced-motion: reduce) {
91  .nav-sheet-enter {
92    animation: none;
93  }
94}
95
96/* Height morph between steps with different row counts. */
97.nav-panel-morph {
98  overflow: hidden;
99  transition: height 0.3s cubic-bezier(0.16, 1, 0.3, 1);
100}
101
102/*
103 * The "I want to ______" blank. The width eases between completions instead
104 * of the box being frozen at the longest phrase — that lock was what made an
105 * earlier pass feel dead, since short phrases sat in a box sized for the
106 * longest one and only the text moved.
107 */
108.nav-blank {
109  transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);
110}
111
112/* Anyone who asked the OS for less motion just gets the rows, immediately. */
113@media (prefers-reduced-motion: reduce) {
114  .nav-row-forward,
115  .nav-row-back {
116    opacity: 1;
117    animation: none;
118  }
119
120  .nav-panel-morph,
121  .nav-blank {
122    transition: none;
123  }
124}
125
126</style><link rel="preload" as="script" fetchPriority="low" href="/_next/static/immutable/chunks/1h3vbkxujkw7e.js"/>
126<script src="/_next/static/immutable/chunks/1p8wzgkwm5_bw.js" async=""></script>
126<script src="/_next/static/immutable/chunks/42j4niti2zrw4.js" async=""></script>
126<script src="/_next/static/immutable/chunks/3e176y56bmnrd.js" async=""></script>
126<script src="/_next/static/immutable/chunks/2i8-oijetha1_.js" async=""></script>
126<script src="/_next/static/immutable/chunks/turbopack-0rzswlz64w152.js" async=""></script>
126<script src="/_next/static/immutable/chunks/1v7po_mcbuize.js" async=""></script>
126<script src="/_next/static/immutable/chunks/1_3rt63dscdez.js" async=""></script>
126<script src="/_next/static/immutable/chunks/0tlfvo-3ciuie.js" async=""></script>
126<script src="/_next/static/immutable/chunks/35g9plp7r10y_.js" async=""></script>
126<script src="/_next/static/immutable/chunks/2qzy6nm04zvv3.js" async=""></script>
126<script src="/_next/static/immutable/chunks/2go8a1av99lye.js" async=""></script>
126<script src="/_next/static/immutable/chunks/3_jy47p9mgt9t.js" async=""></script>
126<script src="/_next/static/immutable/chunks/2qq8g21ppkaht.js" async=""></script>
126<script src="/_next/static/immutable/chunks/2e890d0tbyr04.js" async=""></script>
126<script src="/_next/static/immutable/chunks/1466py_aawmbz.js" async=""></script>
126<script src="/_next/static/immutable/chunks/19c177nnzzyyr.js" async=""></script>
126<script src="/_next/static/immutable/chunks/2gkhlj2x41kn3.js" async=""></script>
126<script src="/_next/static/immutable/chunks/1x7s2kwm6kc4l.js" async=""></script>
126<script src="/_next/static/immutable/chunks/3q2y9iwufuqfk.js" async=""></script>
126<script src="/_next/static/immutable/chunks/15_46uk6igtwl.js" async=""></script>
126<script src="/_next/static/immutable/chunks/1p-n4si-e8hll.js" async=""></script>
126<script src="/_next/static/immutable/chunks/3ah1qll_5-5na.js" async=""></script>
126<meta name="theme-color" content="#ffffff"/><title>Membership Platform for Webflow, WordPress &amp; Any Site | Memberstack</title><meta name="description" content="Add memberships, user logins, Stripe payments, and gated content to any website. Launch your membership site this weekend — free until you launch."/><link rel="canonical" href="https://www.memberstack.com"/><meta name="google-site-verification" content="AchYTLY9kR_PViRFHwWXMqhb_Vt7DpHx6yoa3Szd-FE"/><meta property="og:title" content="Membership Platform for Webflow, WordPress &amp; Any Site | Memberstack"/><meta property="og:description" content="Add memberships, user logins, Stripe payments, and gated content to any website. Launch your membership site this weekend — free until you launch."/><meta property="og:site_name" content="Memberstack"/><meta property="og:image" content="https://www.memberstack.com/images/og/home.png"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Membership Platform for Webflow, WordPress &amp; Any Site | Memberstack"/><meta name="twitter:description" content="Add memberships, user logins, Stripe payments, and gated content to any website. Launch your membership site this weekend — free until you lau
126nch."/><meta name="twitter:image" content="https://www.memberstack.com/images/og/home.png"/><link rel="shortcut icon" href="/favicon.ico"/><link rel="icon" href="/favicon.ico?favicon.2a-xmi3hoj5hj.ico" sizes="32x32" type="image/x-icon"/><link rel="icon" href="/favicon.ico"/><link rel="apple-touch-icon" href="/apple-touch-icon.png"/><meta name="next-size-adjust" content=""/><link rel="preconnect" href="https://cdn.sanity.io"/>
126<script>(function(){var p=window.location.search;try{if(window.self!==window.top){document.documentElement.classList.add('is-embedded');if(p.includes('context=onboarding')){document.documentElement.classList.add('is-onboarding')}}}catch(e){document.documentElement.classList.add('is-embedded');if(p.includes('context=onboarding')){document.documentElement.classList.add('is-onboarding')}}})();</script>
126<script>(function(){try{var m=document.cookie.match(/(?:^|; )nav_variant=([^;]*)/);if(!m)return;var v=decodeURIComponent(m[1]);if(v==='control'||v==='b'||v==='c'){document.documentElement.setAttribute('data-nav',v)}}catch(e){}})();</script>
126<script type="application/ld+json">[{"@context":"https://schema.org","@type":"Organization","name":"Memberstack","url":"https://www.memberstack.com","logo":"https://www.memberstack.com/brand/memberstack-logo-full-light.png","description":"Memberstack gives you total design control in Webflow and handles everything from social logins to abandoned cart emails. There are no hidden fees, and pricing scales slowly as you grow.","foundingDate":"2018","sameAs":["https://x.com/memberstack","https://www.linkedin.com/company/memberstack","https://www.youtube.com/@Memberstack"],"contactPoint":{"@type":"ContactPoint","contactType":"customer support","url":"https://docs.memberstack.com/hc/en-us/community/posts","email":"[email protected]"}},{"@context":"https://schema.org","@type":"WebSite","name":"Memberstack","url":"https://www.memberstack.com","description":"Memberships for Webflow. Design in Webflow, Scale to Millions.","publisher":{"@type":"Organization","name":"Memberstack"}},{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Memberstack","applicationCategory":"BusinessApplication","operatingSystem":"Web","description":"Memberstack is a membership and authentication platform for Webflow, WordPress, and custom code. Add user authentication, gated content, and Stripe payments to any website.","offers":{"@type":"AggregateOffer","priceCurrency":"USD","lowPrice":"25","highPrice":"499","offerCount":"4"},"featureList":["User Authentication","Social Logins","Gated Content","Stripe Payments","Subscription Management","Member Profiles","Custom Attributes","Webhooks \u0026 API","Zapier Integration"]}]</script>
126<script src="/_next/static/immutable/chunks/0c0hxoamwjsbw.js" noModule=""></script>
126</head><body class="dm_sans_e3c6787e-module__zIuLOa__variable caveat_2e16c2f0-module__Avsnqq__variable jetbrains_mono_d992c9ae-module__wt3b-W__variable inter_ff04d855-module__J0fQmG__variable plus_jakarta_sans_376481e4-module__cnop0W__variable font-sans antialiased"><div hidden=""><!--$--><!--/$--></div><a href="#main-content" class="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-lightbox focus:rounded-md focus:bg-white focus:px-5 focus:py-3 focus:font-semibold focus:text-primary focus:shadow-md">Skip to main content</a>
vendor: 67 bytes, line 126
126<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
126GTM-PJDDMNF
vendor: 82 bytes, line 126
126" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
126<!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div id="main-content"><div class="min-h-screen bg-white"><div data-nav-arm="control"><header class="fixed top-0 left-0 right-0 z-50 px-4 py-4" hide-if-embed="true"><div class="mx-auto max-w-7xl"><nav aria-label="Main" class="relative bg-white rounded-2xl shadow-[0_3px_8px_rgba(0,0,0,0.05)] border border-border"><div class="flex items-center justify-between pl-6 pr-3.5 py-3"><a class="flex items-center" href="/"><img alt="Memberstack" loading="eager" width="141" height="28" decoding="async" data-nimg="1" class="h-7 w-[141px]" style="color:transparent" src="/images/logos/memberstack-full.svg"/></a><div class="hidden lg:flex items-center gap-1"><div><button class="
127        flex items-center gap-1 px-4 py-2 font-medium transition-colors rounded-lg
128        text-foreground hover:text-primary hover:bg-gray-50
129      " aria-expanded="false" aria-haspopup="menu">Product<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="relative"><button class="
130        flex items-center gap-1 px-4 py-2 font-medium transition-colors rounded-lg
131        text-foreground hover:text-primary hover:bg-gray-50
132      " aria-expanded="false" aria-haspopup="menu">Customers<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><a class="flex items-center gap-1 px-4 py-2 text-foreground font-medium hover:text-primary transition-colors rounded-lg hover:bg-gray-50" href="/pricing">Pricing</a><div class="relative"><button class="
133        flex items-center gap-1 px-4 py-2 font-medium transition-colors rounded-lg
134        text-foreground hover:text-primary hover:bg-gray-50
135      " aria-expanded="false" aria-haspopup="menu">Resources<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><a class="flex items-center gap-1 px-4 py-2 text-foreground font-medium hover:text-primary transition-colors rounded-lg hover:bg-gray-50" href="/api">API</a></div><div class="flex items-center gap-4 lg:gap-6"><a href="https://app.memberstack.com/login" target="_blank" rel="noopener noreferrer" class="hidden sm:block text-foreground font-medium hover:text-primary transition-colors">Login</a><div class="hidden sm:block"><a href="https://app.memberstack.com/signup" data-ph-capture="getstartedclicked" class="btn-primary text-sm px-4 py-2 lg:px-5 lg:py-2.5">Build for free</a></div><button class="lg:hidden p-2 text-foreground hover:text-primary hover:bg-gray-50 rounded-lg transition-colors" aria-label="Open menu" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu w-6 h-6" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></div></nav></div></header><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--></div><div data-nav-arm="b"><header class="fixed top-0 left-0 right-0 z-50 px-4 py-4" hide-if-embed="true"><div class="mx-auto max-w-7xl"><nav aria-label="Main" class="relative bg-white rounded-2xl shadow-[0_3px_8px_rgba(0,0,0,0.05)] border border-border"><div class="flex items-center justify-between gap-3 pl-4 sm:pl-6 pr-3.5 py-3"><a class="flex items-center shrink-0" href="/"><img alt="Memberstack" width="141" height="28" decoding="async" data-nimg="1" class="h-7 w-[141px]" style="color:transparent" src="/images/logos/memberstack-full.svg"/></a><div class="hidden lg:flex flex-1 items-center justify-center min-w-0"><div class="relative"><button aria-label="I want to — open the menu" class="flex items-center gap-2.5 rounded-full border px-4 py-2 font-medium transition-all border-border bg-gray-50 text-foreground hover:border-primary/40 hover:bg-white hover:shadow-sm"><span class="flex items-baseline gap-1.5">I want to<span class="nav-blank relative inline-block overflow-hidden border-b border-primary/30 text-left"><span aria-hidden="true" class="invisible inline-block whitespace-nowrap font-semibold">build something</span><span aria-hidden="true" class="absolute left-0 top-0 whitespace-nowrap font-semibold text-primary transition-all duration-500 ease-[
135cubic-bezier(0.16,1,0.3,1)] translate-y-0 opacity-100">build something</span><span aria-hidden="true" class="absolute left-0 top-0 whitespace-nowrap font-semibold text-primary transition-all duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] translate-y-full opacity-0">see what it costs</span><span aria-hidden="true" class="absolute left-0 top-0 whitespace-nowrap font-semibold text-primary transition-all duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] translate-y-full opacity-0">grab a component</span><span aria-hidden="true" class="absolute left-0 top-0 whitespace-nowrap font-semibold text-primary transition-all duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] translate-y-full opacity-0">learn Webflow</span><span aria-hidden="true" class="absolute left-0 top-0 whitespace-nowrap font-semibold text-primary transition-all duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] -translate-y-full opacity-0">get unstuck</span></span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div></div><div class="flex items-center gap-4 lg:gap-6 shrink-0"><div class="hidden lg:flex items-center gap-6"><a href="/pricing" class="font-medium text-foreground transition-colors hover:text-primary">Pricing</a><a href="https://app.memberstack.com/login" class="text-foreground font-medium hover:text-primary transition-colors">Login</a></div><span class="hidden min-[375px]:inline-flex"><a href="https://app.memberstack.com/signup" data-ph-capture="getstartedclicked" class="btn-primary text-sm px-4 py-2.5 lg:px-5">Build for free</a></span><button aria-expanded="false" aria-label="Open menu" class="lg:hidden -mr-1 rounded-lg p-2 text-foreground transition-colors hover:bg-gray-50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-5 w-5" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></div></nav></div></header></div><div data-nav-arm="c"><header class="fixed top-0 left-0 right-0 z-50 px-4 py-4" hide-if-embed="true"><div class="mx-auto max-w-7xl"><nav aria-label="Main" class="relative bg-white rounded-2xl shadow-[0_3px_8px_rgba(0,0,0,0.05)] border border-border"><div class="flex items-center justify-between gap-3 pl-4 sm:pl-6 pr-3.5 py-3"><a class="flex items-center shrink-0" href="/"><img alt="Memberstack" width="141" height="28" decoding="async" data-nimg="1" class="h-7 w-[141px]" style="color:transparent" src="/images/logos/memberstack-full.svg"/></a><div class="hidden lg:flex flex-1 items-center justify-center min-w-0"><div class="hidden lg:flex items-center gap-1"><div class="relative"><button class="flex items-center gap-2 rounded-xl border border-border bg-gray-50 px-3 py-2 text-sm transition-colors hover:border-primary/40"><span class="text-text-muted">Building with</span><span class="flex items-center gap-1.5 font-semibold text-foreground"><svg class="w-4 h-4 text-primary" viewBox="0 0 30 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M30.1969 0.0834961L20.5615 18.9579H11.5111L15.5435 11.1356H15.3626C12.0358 15.4629 7.07229 18.3114 0 18.9579V11.2437C0 11.2437 4.52431 10.976 7.18402 8.17405H0V0.0836454H8.07407V6.73789L8.25529 6.73715L11.5546 0.0836454H17.6609V6.6957L17.8421 6.6954L21.2652 0.0834961H30.1969Z" fill="currentColor"></path></svg>Webflow</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 text-text-muted transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="relative"><button class="flex items-center gap-1 rounded-lg px-4 py-2 font-medium transition-colors text-foreground hover:bg-gray-50">Product<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="relative"><button class="flex items-center gap-1 rounded-lg px-4 py-2 font-medium transition-colors text-foreground hover:bg-gray-50">Resources<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div></div></div><div class="flex items-center gap-4 lg:gap-6 shrink-0"><div class="hidden lg:flex items-center gap-6"><a href="/pricing" class="font-medium text-foreground transition-colors hover:text-primary">Pricing</a><a href="https://app.memberstack.com/login" class="text-foreground font-medium hover:text-primary transition-colors">Login</a></div><span class="hidden min-[375px]:inline-flex"><a href="https://app.memberstack.com/signup" data-ph-capture="getstartedclicked" class="btn-primary text-sm px-4 py-2.5 lg:px-5">Build for free</a></span><button aria-expanded="false" aria-label="Open menu" class="lg:hidden -mr-1 rounded-lg p-2 text-foreground transition-colors hover:bg-gray-50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-5 w-5" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></div></nav></div></header></div>
135<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is Memberstack?","acceptedAnswer":{"@type":"Answer","text":"Memberstack is a membership and authentication platform that adds user login, Stripe payments, and gated content to any website. It works with Webflow, WordPress, custom code, and AI-built sites — handling auth, billing, and member data so you don't have to build them yourself."}},{"@type":"Question","name":"How do I add memberships to a Webflow site?","acceptedAnswer":{"@type":"Answer","text":"Add Memberstack to Webflow by pasting a single script and using data attributes to mark login, signup, and gated elements — no custom code required. Memberstack handles authentication, Stripe payments, and content gating while you keep full control of your Webflow design. See the \u003ca href=\"/with/webflow\"\u003eWebflow guide\u003c/a\u003e to get started."}},{"@type":"Question","name":"How long does it take to launch?","acceptedAnswer":{"@type":"Answer","text":"Most builders have authentication, payments, and gated content working in under 30 minutes, and a full membership site live within a weekend. There's no backend to build — you connect Memberstack, gate your content, and launch."}},{"@type":"Question","name":"How much does Memberstack cost?","acceptedA
135nswer":{"@type":"Answer","text":"Memberstack is free until you launch. You only pay once your site goes live. Paid plans start low and scale with your members, with a transaction fee that shrinks as you grow: 4% on Basic, 2% on Professional, 0.9% on Business, and 0% on Established, plus standard Stripe fees. See the \u003ca href=\"/pricing\"\u003epricing page\u003c/a\u003e for full details."}},{"@type":"Question","name":"Does Memberstack work without Webflow?","acceptedAnswer":{"@type":"Answer","text":"Yes. Memberstack works on any website — WordPress, custom HTML, React, and AI-built sites included. Anywhere you can add a script tag, you can add Memberstack authentication, payments, and gating."}}]}</script>
135<main><section id="hero" class="hero-under-nav relative bg-surface overflow-hidden border-b border-border"><div class="absolute inset-0" aria-hidden="true"><div class="grid-pattern absolute inset-0" style="background-image:linear-gradient(to right, #f0f0f0 1px, transparent 1px), linear-gradient(to bottom, #f0f0f0 1px, transparent 1px);background-size:4rem 4rem;opacity:1" aria-hidden="true"></div><div class="absolute inset-0 bg-gradient-to-b from-surface via-transparent to-surface"></div></div><div class="relative container-main hero-content-light"><div class="max-w-4xl mx-auto text-center mb-12 lg:mb-16"><div class="flex flex-wrap items-center justify-center gap-3 mb-6"><div class="inline-flex items-center gap-2 pl-2 pr-3.5 py-1.5 rounded-full bg-white border border-border text-xs font-medium text-muted-foreground"><img alt="Stripe" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="h-4 w-4" style="color:transparent" src="/stripe-icon.svg"/><span class="text-foreground">$200M+</span> processed</div><a href="https://g2.com/products/memberstack/reviews" target="_blank" rel="noopener noreferrer" aria-label="Rated 4.7 out of 5 on G2" class="inline-flex items-center gap-2 pl-2 pr-3.5 py-1.5 rounded-full bg-white border border-border text-xs font-medium text-muted-foreground hover:border-primary/30 transition-colors"><img alt="G2" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="h-4 w-4" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Flogos%2Fg2.avif&amp;w=16&amp;q=75 1x, /_next/image?url=%2Fimages%2Flogos%2Fg2.avif&amp;w=32&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Flogos%2Fg2.avif&amp;w=32&amp;q=75"/><span class="flex items-center gap-0.5"><span class="text-foreground">4.7</span><span class="flex"><svg aria-hidden="true" class="w-3 h-3 text-[#FF492C]" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg aria-hidden="true" class="w-3 h-3 text-[#FF492C]" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg aria-hidden="true" class="w-3 h-3 text-[#FF492C]" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg aria-hidden="true" class="w-3 h-3 text-[#FF492C]" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg aria-hidden="true" class="w-3 h-3 text-[#FF492C]" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg></span></span>on G2</a></div><h1 class="text-3xl sm:text-5xl lg:text-6xl font-extrabold text-foreground leading-[1.1] mb-6">Launch your membership site<!-- --> <span class="text-primary">this weekend.</span></h1><p class="text-xl text-muted-foreground max-w-2xl mx-auto mb-10 leading-relaxed text-balance"><span class="text-foreground">Authentication, payments, and gated content</span> <!-- -->that drop into the site you already have. Most builders are live in under 30 minutes. Free until you lau
135nch.</p><div class="flex flex-col sm:flex-row items-center justify-center gap-4 mb-8"><a id="hero-cta-button" href="https://app.memberstack.com/signup" data-ph-capture="getstartedclicked" class="inline-flex items-center gap-3 px-7 py-5 bg-primary text-white text-lg font-semibold rounded-2xl hover:bg-primary-dark transition-all shadow-md shadow-primary/10 hover:shadow-xl hover:shadow-primary/20 group">Start building free<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/pricing" class="inline-flex items-center gap-2 px-7 py-5 bg-white border border-border text-foreground text-lg font-semibold rounded-2xl hover:border-primary/40 hover:text-primary transition-all">See pricing</a></div><div class="flex flex-wrap items-center justify-center gap-x-6 gap-y-2"><div class="flex items-center gap-1.5 text-sm font-medium text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-4 h-4 text-green-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Free until launch</div><div class="flex items-center gap-1.5 text-sm font-medium text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-4 h-4 text-green-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>No credit card required</div><div class="flex items-center gap-1.5 text-sm font-medium text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-4 h-4 text-green-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>Setup in 5 minutes</div></div></div><div class="mb-10 max-w-4xl mx-auto"><div class="mb-6 overflow-hidden group   is-visible" style="mask-image:linear-gradient(to right, transparent, black 10%, black 90%, transparent);-webkit-mask-image:linear-gradient(to right, transparent, black 10%, black 90%, transparent)"><div class="flex animate-marquee group-hover:[animation-play-state:paused]"><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/standford.svg" alt="Stanford" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/deloitte-1.svg" alt="Deloitte" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/logo-american-airlines.svg" alt="American Airlines" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/intuit-logo.svg" alt="Intuit" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/idMSXDye6w_1765983249738.svg" alt="IDEO" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/slack-2.svg" alt="Slack" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/amazon.svg" alt="Amazon" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/salesforce.avif" alt="Salesforce" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/standford.svg" alt="" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/deloitte-1.svg" alt="" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/logo-american-airlines.svg" alt="" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/intuit-logo.svg" alt="" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/idMSXDye6w_1765983249738.svg" alt="" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/slack-2.svg" alt="" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/amazon.svg" alt="" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/salesforce.avif" alt="" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/standford.svg" alt="" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/deloitte-1.svg" alt="" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/logo-american-airlines.svg" alt="" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/intuit-logo.svg" alt="" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/idMSXDye6w_1765983249738.svg" alt="" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/slack-2.svg" alt="" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/amazon.svg" alt="" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div><div class="flex-shrink-0 px-8 py-4 flex items-center justify-center"><img src="/images/logos/salesforce.avif" alt="" width="140" height="32" loading="lazy" decoding="async" class="h-8 w-auto max-w-[140px] object-contain opacity-60 hover:opacity-100 transition-opacity duration-300 grayscale hover:grayscale-0"/></div></div></div></div></div><div class="relative px-4 pb-20 lg:pb-28"><div class="mx-auto max-w-7xl flex flex-col lg:flex-row gap-5 lg:items-stretch"><div class="flex-1 min-w-0 rounded-xl overflow-hidden border border-border shadow-2xl shadow-black/[0.08] bg-white flex flex-col font-[family-name:var
135(--font-demo)]" style="--primary:#4353FF"><div class="flex items-center justify-between px-2 sm:px-4 py-2 bg-surface border-b border-border "><div class="flex items-center gap-1.5" aria-hidden="true"><div class="w-2.5 h-2.5 rounded-full bg-[#FF5F57]"></div><div class="w-2.5 h-2.5 rounded-full bg-[#FFBD2E]"></div><div class="w-2.5 h-2.5 rounded-full bg-[#28CA41]"></div></div><div class="flex-1 mx-2 sm:mx-4 max-w-md"><div class="px-2 sm:px-3 py-1.5 bg-white rounded-lg text-[9px] sm:text-xs text-muted-foreground flex items-center gap-1.5 sm:gap-2 justify-center font-medium whitespace-nowrap"><div class="w-3 h-3 sm:w-4 sm:h-4 flex-shrink-0"><svg viewBox="0 0 98 98" fill="none" class="w-full h-full" aria-hidden="true"><rect x="8.2" y="8.2" width="81" height="81" rx="40.5" fill="#146EF5"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M75.2 34.2L59.565 65.2H44.879L51.422 52.352H51.129C45.73 59.459 37.676 64.138 26.2 65.2V52.53C26.2 52.53 33.542 52.09 37.857 47.488H26.2V34.2H39.302V45.129L39.596 45.128L44.95 34.2H54.858V45.06L55.152 45.059L60.707 34.2H75.2Z" fill="white"></path></svg></div>acme-academy.webflow.io/signup</div></div><div class="w-8 sm:w-20"></div></div><div class="w-full flex-1 flex flex-col select-none"><div class="flex border-b border-border"><button class="relative flex-1 flex items-center justify-center gap-1 sm:gap-2 py-2.5 sm:py-3.5 text-[11px] sm:text-sm font-medium transition-colors duration-200 cursor-pointer text-primary bg-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-plus w-3 h-3 sm:w-4 sm:h-4" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><line x1="19" x2="19" y1="8" y2="14"></line><line x1="22" x2="16" y1="11" y2="11"></line></svg>Sign Up<div class="absolute -bottom-px left-0 right-0 h-0.5 bg-transparent overflow-hidden"><div class="h-full bg-primary"></div></div></button><button class="relative flex-1 flex items-center justify-center gap-1 sm:gap-2 py-2.5 sm:py-3.5 text-[11px] sm:text-sm font-medium transition-colors duration-200 cursor-pointer text-muted-foreground hover:text-foreground hover:bg-border-light bg-[#FAFBFC]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-credit-card w-3 h-3 sm:w-4 sm:h-4" aria-hidden="true"><rect width="20" height="14" x="2" y="5" rx="2"></rect><line x1="2" x2="22" y1="10" y2="10"></line></svg>Payment<div class="absolute -bottom-px left-0 right-0 h-0.5 bg-transparent overflow-hidden"></div></button><button class="relative flex-1 flex items-center justify-center gap-1 sm:gap-2 py-2.5 sm:py-3.5 text-[11px] sm:text-sm font-medium transition-colors duration-200 cursor-pointer text-muted-foreground hover:text-foreground hover:bg-border-light bg-[#FAFBFC]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-log-in w-3 h-3 sm:w-4 sm:h-4" aria-hidden="true"><path d="m10 17 5-5-5-5"></path><path d="M15 12H3"></path><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path></svg>Log In<div class="absolute -bottom-px left-0 right-0 h-0.5 bg-transparent overflow-hidden"></div></button><button class="relative flex-1 flex items-center justify-center gap-1 sm:gap-2 py-2.5 sm:py-3.5 text-[11px] sm:text-sm font-medium transition-colors duration-200 cursor-pointer text-muted-foreground hover:text-foreground hover:bg-border-light bg-[#FAFBFC]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-dashboard w-3 h-3 sm:w-4 sm:h-4" aria-hidden="true"><rect width="7" height="9" x="3" y="3" rx="1"></rect><rect width="7" height="5" x="14" y="3" rx="1"></rect><rect width="7" height="9" x="14" y="12" rx="1"></rect><rect width="7" height="5" x="3" y="16" rx="1"></rect></svg>Logged In<div class="absolute -bottom-px left-0 right-0 h-0.5 bg-transparent overflow-hidden"></div></button></div><div class="relative overflow-hidden bg-white flex-1" style="min-height:370px"><div class="h-full animate-[fadeIn_0.25s_ease-out]"><div class="h-full origin-center scale-100 lg:scale-[1.4]"><div class="flex items-center justify-center h-full px-6 md:px-10 py-8"><div class="w-full max-w-[300px]"><div class="bg-white rounded-xl border border-border shadow-lg shadow-black/[0.04] p-5"><h3 class="text-sm font-bold text-foreground text-center mb-1">Create your account</h3><p class="text-[10px] text-text-light text-center mb-4">Get instant access to all Pro courses</p><div class="mb-2"><label class="text-[9px] font-medium text-muted-foreground mb-0.5 block">Full name</label><div class="relative h-8 rounded-md border px-2.5 flex items-center transition-colors duration-200 border-border bg-surface"><span class="text-[11px] text-foreground"></span></div></div><div class="mb-2"><label class="text-[9px] font-medium text-muted-foreground mb-0.5 block">Email</label><div class="relative h-8 rounded-md border px-2.5 flex items-center transition-colors duration-200 border-border bg-surface"><span class="text-[11px] text-foreground"></span></div></div><div class="mb-3"><label class="text-[9px] font-medium text-muted-foreground mb-0.5 block">Password</label><div class="relative h-8 rounded-md border px-2.5 flex items-center transition-colors duration-200 border-border bg-surface"><span class="text-[11px] text-foreground tracking-wider"></span></div></div><div class="h-9 rounded-lg flex items-center justify-center transition-all duration-300" style="background-color:var(--primary)"><span class="text-[11px] font-semibold text-white">Create account</span></div></div></div></div></div></div></div></div></div><div class="w-full max-w-[340px] mx-auto lg:mx-0 lg:w-[340px] lg:flex-shrink-0 lg:flex lg:mt-[50px] lg:max-h-[max(500px,calc(100vh_-_160px))]"><div class="relative h-full w-full"><div aria-hidden="true" class="pointer-events-none absolute -top-3 left-1/2 z-10 -translate-x-1/2 -translate-y-full whitespace-nowrap rounded-full bg-[#146EF5] px-3.5 py-1.5 text-[12px] font-semibold text-white shadow-lg shadow-[#146EF5]/30 transition-all duration-300 opacity-0 translate-y-[calc(-100%+6px)]">Try it out in Webflow ✨</div><div style="font-family:var(--font-inter), Inter, system-ui, sans-serif" class="h-full w-full flex flex-col select-none rounded-2xl border border-[#383838] bg-[#262626] shadow-2xl shadow-black/40 overflow-hidden text-[#cfcfcf] "><div class="flex items-center gap-2.5 px-4 h-12 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-4 h-4 text-[#9a9a9a]" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg><span class="text-[14px] font-medium text-[#f0f0f0]">primary</span><span class="ml-auto flex items-center gap-3 text-[#8a8a8a]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis w-4 h-4" aria-hidden="true"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-box w-4 h-4" aria-hidden="true"><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"></path><path d="m3.3 7 8.7 5 8.7-5"></path><path d="M12 22V12"></path></svg></span></div><div class="flex items-center gap-6 px-4 h-10 border-b border-[#383838] text-[13px] shrink-0"><span class="relative font-semibold text-white">Style<span class="absolute -bottom-[12px] left-0 right-0 h-[2px] bg-[#2b6ef2]"></span></span><span class="text-[#8a8a8a]">Settings</span><span class="text-[#8a8a8a]">Interactions</span></div><div class="px-4 py-3.5 border-b border-[#383838] shrink-0"><div class="flex items-center justify-between mb-2.5"><span class="text-[13px] text-[#9a9a9a]">Style selector</span><span class="text-[13px]"><span class="text-[#d6d6d6]">Inheriting </span><span class="text-[#e0883c]">1 selector</span></span></div><div class="flex items-center gap-2"><div class="flex items-center justify-center w-10 h-10 rounded-[6px] bg-[#2e2e2e] border border-[#3d3d3d] text-[#b0b0b0] shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor w-[18px] h-[18px]" aria-hidden="true"><rect width="20" height="14" x="2" y="3" rx="2"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg></div><div class="flex-1 flex items-center h-10 rounded-[6px] bg-[#1c1c1c] border border-[#3d3d3d] py-[3px] pl-[3px] pr-3"><span class="inline-flex items-center h-full rounded-[3px] bg-[#2b6ef2] px-3 text-[15px] font-medium text-white leading-none">primary</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down ml-auto w-[18px] h-[18px] text-[#9a9a9a]" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></div><p class="text-[12.5px] text-[#707070] mt-2.5">1 on this page</p></div><div class="flex items-center justify-between px-4 h-11 border-b border-[#383838] shrink-0"><span class="text-[13px] text-[#bdbdbd]">Variable modes</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus w-4 h-4 text-[#8a8a8a]" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div><div class="px-4 py-3.5 border-b border-[#383838] shrink-0"><div class="flex items-center justify-between mb-3"><span class="text-[14.5px] font-semibold text-white">
135Backgrounds</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 text-[#8a8a8a]" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div><div class="flex items-center justify-between mb-3"><span class="text-[13px] text-[#9a9a9a]">Image &amp; gradient</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus w-4 h-4 text-[#8a8a8a]" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div><div class="flex items-center gap-3 mb-3"><span class="text-[13px] text-[#d9904e] w-16 shrink-0">Color</span><div class="flex-1 flex items-center gap-2.5 h-9 rounded-[5px] bg-[#3a3a3a] border border-[#4a4a4a] px-2"><span class="w-[22px] h-[22px] rounded shrink-0 ring-1 ring-black/30 transition-colors duration-300" style="background-color:#4353FF"></span><span class="text-[13px] text-[#f0f0f0] tabular-nums tracking-tight uppercase">#4353FF</span><span class="ml-auto text-[12px] text-[#888888]">100%</span></div></div><div class="flex items-center gap-3 mb-3"><span class="w-16 shrink-0"></span><div data-hint-arrow="true" class="flex-1 grid grid-cols-5 gap-1.5"><button data-hint="true" aria-label="Set primary color #4353FF" class="h-6 rounded-[4px] transition-transform hover:scale-110 cursor-pointer ring-2 ring-white" style="background-color:#4353FF"></button><button data-hint="true" aria-label="Set primary color #7C3AED" class="h-6 rounded-[4px] transition-transform hover:scale-110 cursor-pointer ring-1 ring-black/30" style="background-color:#7C3AED"></button><button data-hint="true" aria-label="Set primary color #DB2777" class="h-6 rounded-[4px] transition-transform hover:scale-110 cursor-pointer ring-1 ring-black/30" style="background-color:#DB2777"></button><button data-hint="true" aria-label="Set primary color #EA580C" class="h-6 rounded-[4px] transition-transform hover:scale-110 cursor-pointer ring-1 ring-black/30" style="background-color:#EA580C"></button><button data-hint="true" aria-label="Set primary color #0D9488" class="h-6 rounded-[4px] transition-transform hover:scale-110 cursor-pointer ring-1 ring-black/30" style="background-color:#0D9488"></button></div></div><div class="flex items-stretch gap-2 mb-3"><div class="flex items-center justify-center w-9 rounded-[5px] bg-[#3a3a3a] border border-[#4a4a4a] text-[#d0d0d0] shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pipette w-4 h-4" aria-hidden="true"><path d="m12 9-8.414 8.414A2 2 0 0 0 3 18.828v1.344a2 2 0 0 1-.586 1.414A2 2 0 0 1 3.828 21h1.344a2 2 0 0 0 1.414-.586L15 12"></path><path d="m18 9 .4.4a1 1 0 1 1-3 3l-3.8-3.8a1 1 0 1 1 3-3l.4.4 3.4-3.4a1 1 0 1 1 3 3z"></path><path d="m2 22 .414-.414"></path></svg></div><div class="flex-1 flex flex-col justify-center gap-2"><div data-hint="true" role="slider" aria-label="Hue" aria-valuenow="64" aria-valuemin="0" aria-valuemax="100" class="relative h-3.5 cursor-ew-resize touch-none"><div class="absolute inset-0 rounded-[3px]" style="background:linear-gradient(90deg,#ff0000,#ffff00,#00ff00,#00ffff,#0000ff,#ff00ff,#ff0000)"></div><span class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 w-[6px] h-[18px] rounded-[2px] bg-white ring-1 ring-black/40 shadow-sm transition-[left] duration-500 ease-out" style="left:64%"></span></div><div class="relative h-3.5"><div class="absolute inset-0 rounded-[3px]" style="background-color:#fff;background-image:linear-gradient(45deg,#bbb 25%,transparent 25%),linear-gradient(-45deg,#bbb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#bbb 75%),linear-gradient(-45deg,transparent 75%,#bbb 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0"></div><div class="absolute inset-0 rounded-[3px] transition-colors duration-300" style="background:linear-gradient(90deg, transparent, #4353FF)"></div><span class="absolute top-1/2 right-0 -translate-y-1/2 translate-x-1/2 w-[6px] h-[18px] rounded-[2px] bg-white ring-1 ring-black/40 shadow-sm"></span></div></div></div><div class="flex items-center gap-3"><span class="text-[13px] text-[#9a9a9a] w-16 shrink-0">Clipping</span><div class="flex-1 flex items-center h-9 rounded-[5px] bg-[#3a3a3a] border border-[#4a4a4a] px-3"><span class="text-[13px] text-[#cfcfcf]">None</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down ml-auto w-4 h-4 text-[#8a8a8a]" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></div></div><div class="px-4 py-3.5 border-b border-[#383838] shrink-0"><div class="flex items-center justify-between mb-3"><span class="text-[14.5px] font-semibold text-white">Borders</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 text-[#8a8a8a]" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div><div class="flex items-center gap-3"><span class="text-[13px] text-[#9a9a9a] w-16 shrink-0">Radius</span><div class="flex items-center justify-center w-9 h-9 rounded-[5px] bg-[#3a3a3a] border border-[#4a4a4a] text-[#cfcfcf] shrink-0"><svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" class="w-4 h-4"><path d="M3 13V8a5 5 0 0 1 5-5h5"></path></svg></div><div class="relative flex-1 h-1.5 rounded-full bg-[#4a4a4a]"><span class="absolute left-0 top-1/2 -translate-y-1/2 w-1.5 h-1.5 rounded-full bg-white"></span></div><div class="flex items-center justify-between w-[58px] h-9 rounded-[5px] bg-[#3a3a3a] border border-[#4a4a4a] px-2.5 shrink-0"><span class="text-[13px] text-[#f0f0f0]">0</span><span class="text-[11px] text-[#888888]">PX</span></div></div></div><div class="px-4 py-3.5 shrink-0"><div class="flex items-center justify-between mb-3"><span class="text-[14.5px] font-semibold text-white">Effects</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 text-[#8a8a8a]" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div><div class="flex items-center gap-3"><span class="text-[13px] text-[#9a9a9a] w-16 shrink-0">Opacity</span><div class="relative flex-1 h-1.5 rounded-full bg-[#4a4a4a]"><span class="absolute inset-y-0 left-0 right-0 rounded-full bg-[#666666]"></span><span class="absolute right-0 top-1/2 -translate-y-1/2 w-1.5 h-1.5 rounded-full bg-white"></span></div><div class="flex items-center justify-between w-[58px] h-9 rounded-[5px] bg-[#3a3a3a] border border-[#4a4a4a] px-2.5 shrink-0"><span class="text-[13px] text-[#f0f0f0]">100</span><span class="text-[11px] text-[#888888]">%</span></div></div></div></div></div></div></div></div></section><section class="py-24 lg:py-32 bg-white"><div class="container-main"><div class="max-w-2xl mx-auto text-center mb-14"><h2 class="text-3xl sm:text-4xl lg:text-5xl font-extrabold text-foreground leading-[1.1] mb-5">
135The hard way, or<!-- --> <br class="hidden lg:block"/><span class="text-primary">the weekend way.</span></h2><p class="text-lg text-muted-foreground leading-relaxed text-balance">Memberships are the same building blocks every time. Build them once yourself, or skip straight to launch.</p></div><div class="grid md:grid-cols-2 gap-6 lg:gap-8 max-w-5xl mx-auto items-stretch"><div class="relative rounded-3xl border border-border bg-surface p-8 lg:p-10 flex flex-col animate-on-scroll "><span class="inline-flex w-fit items-center rounded-full bg-[#FEE2E2] px-3 py-1 text-xs font-semibold uppercase tracking-wider text-[#B91C1C] mb-6">Build it from scratch</span><div class="flex flex-wrap gap-6 mb-8"><div class="flex items-center gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-5 h-5 text-[#B91C1C]" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span class="text-2xl font-extrabold text-foreground">140<!-- -->+ hours</span></div><div class="flex items-center gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign w-5 h-5 text-[#B91C1C]" aria-hidden="true"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg><span class="text-2xl font-extrabold text-foreground">$<!-- -->16,500<!-- -->+</span></div></div><ul class="space-y-3.5"><li class="flex items-start gap-3 text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-5 h-5 text-[#B91C1C] shrink-0 mt-0.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><span>Build &amp; secure your own auth from scratch</span></li><li class="flex items-start gap-3 text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-5 h-5 text-[#B91C1C] shrink-0 mt-0.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><span>Add password resets, email verification, and 2FA</span></li><li class="flex items-start gap-3 text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-5 h-5 text-[#B91C1C] shrink-0 mt-0.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><span>Build social logins and OAuth from the ground up</span></li><li class="flex items-start gap-3 text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-5 h-5 text-[#B91C1C] shrink-0 mt-0.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><span>Wire up Stripe billing, webhooks, and edge cases</span></li><li class="flex items-start gap-3 text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-5 h-5 text-[#B91C1C] shrink-0 mt-0.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><span>Hand-roll content gating and member permissions</span></li><li class="flex items-start gap-3 text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-5 h-5 text-[#B91C1C] shrink-0 mt-0.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><span>Patch security holes and stay compliant yourself</span></li><li class="flex items-start gap-3 text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-5 h-5 text-[#B91C1C] shrink-0 mt-0.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><span>Maintain it all forever as your needs change</span></li></ul><div class="mt-auto pt-8"><figure class="flex flex-col rounded-xl border p-5 text-left border-border bg-white"><blockquote class="text-[15px] italic leading-relaxed mb-4 text-foreground">“<!-- -->As someone who’s worked in an agency where some of these apps were coded from scratch, I finally get the hype now. This is a lot faster and a lot cheaper.<!-- -->”</blockquote><figcaption class="mt-auto flex items-center gap-3"><img src="https://cdn.sanity.io/images/061o94fn/production/e804bafaadf8ac37b054747b24d76b50a4d926a7-400x400.jpg?w=80&amp;h=80&amp;auto=format" alt="Félix Meens" class="w-9 h-9 rounded-full object-cover shrink-0" loading="lazy"/><div class="min-w-0"><div class="text-sm font-semibold text-foreground">Félix Meens</div><div class="text-xs line-clamp-1 text-text-light">Webflow Expert, Webflix Studio</div></div><span class="ml-auto shrink-0 rounded-full px-2.5 py-1 text-[11px] font-medium bg-white border border-border text-muted-foreground">via <!-- -->Twitter</span></figcaption></figure></div></div><div class="relative rounded-3xl border-2 border-primary bg-white p-8 lg:p-10 flex flex-col shadow-xl shadow-primary/10 animate-on-scroll stagger-1 "><span class="inline-flex w-fit items-center rounded-full bg-primary/10 px-3 py-1 text-xs font-semibold uppercase tracking-wider text-primary mb-6">With Memberstack</span><div class="flex flex-wrap gap-6 mb-8"><div class="flex items-center gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-5 h-5 text-primary" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span class="text-2xl font-extrabold text-foreground">5 minutes</span></div><div class="flex items-center gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign w-5 h-5 text-primary" aria-hidden="true"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg><span class="text-2xl font-extrabold text-foreground">$0 until launch</span></div></div><ul class="space-y-3.5">
135<li class="flex items-start gap-3 text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-green-500 shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>Drop-in auth, payments, and gating</span></li><li class="flex items-start gap-3 text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-green-500 shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>Stripe billing handled out of the box</span></li><li class="flex items-start gap-3 text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-green-500 shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>Gate any page or element, no code required</span></li><li class="flex items-start gap-3 text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-green-500 shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>We maintain it — you ship features instead</span></li></ul><div class="mt-auto pt-8"><a href="https://app.memberstack.com/signup" data-ph-capture="getstartedclicked" class="w-full inline-flex items-center justify-center gap-2 px-6 py-4 bg-primary text-white font-semibold rounded-xl hover:bg-primary-dark transition-all group mb-6">Start building free<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><figure class="flex flex-col rounded-xl border p-5 text-left bg-surface border-border"><blockquote class="text-[15px] italic leading-relaxed mb-4 text-foreground">“<!-- -->I spent two months building a login system to run FlowPros...then ditched after I saw this.<!-- -->”</blockquote><figcaption class="mt-auto flex items-center gap-3"><img src="https://cdn.sanity.io/images/061o94fn/production/31a7ad3bd10e0d9ccc83fcc63cbc5b67ce4a501e-400x400.jpg?w=80&amp;h=80&amp;auto=format" alt="Jason Tinnin" class="w-9 h-9 rounded-full object-cover shrink-0" loading="lazy"/><div class="min-w-0"><div class="text-sm font-semibold text-foreground">Jason Tinnin</div><div class="text-xs line-clamp-1 text-text-light">FlowPros.com</div></div></figcaption></figure></div></div></div></div></section><section class="relative py-24 lg:py-32 overflow-hidden bg-surface"><div class="absolute inset-0" aria-hidden="true"><div class="absolute inset-0 opacity-40" style="background-image:linear-gradient(to right, #E5E7EB 1px, transparent 1px),
136              linear-gradient(to bottom, #E5E7EB 1px, transparent 1px);background-size:40px 40px"></div><div class="absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-purple-500/5"></div></div><div class="relative container-main"><div class="max-w-3xl mx-auto text-center mb-14"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white border border-border mb-6 animate-on-scroll"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up w-4 h-4 text-muted-foreground" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg><span class="text-sm text-muted-foreground font-medium">Customer Stories</span></div><h2 class="text-4xl md:text-5xl lg:text-6xl font-extrabold text-foreground mb-5 tracking-tight leading-[1.1] animate-on-scroll stagger-1">Builders are making<!-- --> <span class="text-primary">real money</span> <span class="inline-block">💰</span></h2><p class="text-lg lg:text-xl text-muted-foreground max-w-2xl mx-auto text-balance animate-on-scroll stagger-2">From solo creators to funded startups, Memberstack powers the businesses builders are actually building.</p></div><div class="flex flex-col sm:flex-row items-stretch justify-center gap-px max-w-5xl mx-auto mb-5 lg:mb-6 rounded-2xl overflow-hidden border border-border bg-border animate-on-scroll stagger-2"><div class="flex-1 bg-white px-6 py-7 text-center"><div class="text-3xl lg:text-4xl font-extrabold text-foreground mb-1">$200M+</div><div class="text-sm text-muted-foreground">processed for builders</div></div><div class="flex-1 bg-white px-6 py-7 text-center"><div class="text-3xl lg:text-4xl font-extrabold text-foreground mb-1">10M+</div><div class="text-sm text-muted-foreground">member accounts managed</div></div><div class="flex-1 bg-white px-6 py-7 text-center"><div class="text-3xl lg:text-4xl font-extrabold text-foreground mb-1">50K+</div><div class="text-sm text-muted-foreground">sites launched</div></div></div><div class="grid md:grid-cols-3 gap-5 lg:gap-6 max-w-5xl mx-auto mb-5 lg:mb-6"><div class="flex flex-col rounded-2xl border border-border bg-white p-7 animate-on-scroll stagger-1"><span class="inline-flex w-fit items-center px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider mb-5" style="background-color:#FF6B6B12;color:#FF6B6B">DesignJoy</span>
136<h3 class="text-lg font-bold text-foreground leading-snug mb-3">Brett Williams built a $2M/year solo design subscription using Memberstack.</h3><p class="text-muted-foreground leading-relaxed mb-6">No developer. No custom code. Just Webflow + Memberstack.</p><a class="mt-auto inline-flex items-center gap-2 text-sm font-semibold text-primary hover:gap-3 transition-all" href="/showcase/how-i-built-designjoy">Visit DesignJoy<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="flex flex-col rounded-2xl border border-border bg-white p-7 animate-on-scroll stagger-2"><span class="inline-flex w-fit items-center px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider mb-5" style="background-color:#4353FF12;color:#4353FF">Relume</span><h3 class="text-lg font-bold text-foreground leading-snug mb-3">What started as a Webflow component library is now a $35M company.</h3><p class="text-muted-foreground leading-relaxed mb-6">Memberstack handles authentication and gating for their entire platform.</p><a class="mt-auto inline-flex items-center gap-2 text-sm font-semibold text-primary hover:gap-3 transition-all" href="/showcase/how-we-built-relume-library">Visit Relume<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="flex flex-col rounded-2xl border border-border bg-white p-7 animate-on-scroll stagger-3"><span class="inline-flex w-fit items-center px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider mb-5" style="background-color:#10B98112;color:#10B981">Master The Handpan</span><h3 class="text-lg font-bold text-foreground leading-snug mb-3">24,000+ course purchases processed through Memberstack.</h3><p class="text-muted-foreground leading-relaxed mb-6">A niche instrument education business scaled to a global audience.</p><a class="mt-auto inline-flex items-center gap-2 text-sm font-semibold text-primary hover:gap-3 transition-all" href="/showcase/master-the-handpan">Visit Master The Handpan<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><div class="grid md:grid-cols-3 gap-5 lg:gap-6 max-w-5xl mx-auto"><figure class="flex flex-col rounded-2xl border border-border bg-white p-7 animate-on-scroll stagger-1"><blockquote class="text-foreground leading-relaxed mb-5">“<!-- -->Great service - I am very impressed by how easy it is to integrate their service into an existing site.<!-- -->”</blockquote><figcaption class="mt-auto flex items-center gap-3"><img src="https://cdn.sanity.io/images/061o94fn/production/aa2652331bfe0d274024907be2108b12008e10a3-120x120.jpg?w=80&amp;h=80&amp;auto=format" alt="Steve Coleman (scole)" class="w-10 h-10 rounded-full object-cover shrink-0" loading="lazy"/><div class="min-w-0"><div class="font-semibold text-foreground text-sm">Steve Coleman (scole)</div><div class="text-sm text-muted-foreground truncate">co-founder</div></div></figcaption></figure><figure class="flex flex-col rounded-2xl border border-border bg-white p-7 animate-on-scroll stagger-2"><blockquote class="text-foreground leading-relaxed mb-5">“<!-- -->This is a huge leap forward to the no-code movement. Eager to see it grow. Duncan is on to something really huge... I said it first.<!-- -->”</blockquote><figcaption class="mt-auto flex items-center gap-3"><img src="https://cdn.sanity.io/images/061o94fn/production/fcb53cbd2fc5dbf8da641f03826e898616250247-128x128.jpg?w=80&amp;h=80&amp;auto=format" alt="Tayler Freund" class="w-10 h-10 rounded-full object-cover shrink-0" loading="lazy"/><div class="min-w-0"><div class="font-semibold text-foreground text-sm">Tayler Freund</div><div class="text-sm text-muted-foreground truncate">UI UX Designer @ Pixel</div></div></figcaption></figure><figure class="flex flex-col rounded-2xl border border-border bg-white p-7 animate-on-scroll stagger-3"><blockquote class="text-foreground leading-relaxed mb-5">“<!-- -->Memberstack made Webflow twice as valuable for me.
137
138The docs for using Memberstack are extremely well done. Setting up Memberstack is so smooth.<!-- -->”</blockquote><figcaption class="mt-auto flex items-center gap-3"><img src="https://cdn.sanity.io/images/061o94fn/production/2c18f374a00b2733acee7440e8496a6157721728-200x200.jpg?w=80&amp;h=80&amp;auto=format" alt="Thomas Boosinger" class="w-10 h-10 rounded-full object-cover shrink-0" loading="lazy"/><div class="min-w-0"><div class="font-semibold text-foreground text-sm">Thomas Boosinger</div><div class="text-sm text-muted-foreground truncate">CEO at MyAIScholar</div></div></figcaption></figure></div></div></section><section class="py-24 lg:py-32 bg-surface border-y border-border"><div class="container-main"><div class="max-w-2xl mx-auto text-center mb-14"><h2 class="text-3xl sm:text-4xl lg:text-5xl font-extrabold text-foreground leading-[1.1] mb-5">Everything a membership needs.<!-- --> <span class="text-primary">Nothing it doesn&#x27;t.</span></h2><p class="text-lg text-muted-foreground leading-relaxed text-balance">The building blocks that work together — and work with the tools you already use.</p></div><div class="grid sm:grid-cols-2 gap-5 lg:gap-6 max-w-5xl mx-auto"><div class="rounded-2xl border border-border bg-white p-7 lg:p-8 animate-on-scroll stagger-1 "><div class="inline-flex items-center justify-center w-11 h-11 rounded-xl bg-primary/10 mb-5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock w-5 h-5 text-primary" aria-hidden="true"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg></div><h3 class="text-xl font-bold text-foreground mb-2">Authentication</h3><p class="text-muted-foreground leading-relaxed">Email, password, one-time login codes, and social logins — secure sign-up and login without building auth yourself.</p></div><div class="rounded-2xl border border-border bg-white p-7 lg:p-8 animate-on-scroll stagger-2 "><div class="inline-flex items-center justify-center w-11 h-11 rounded-xl bg-primary/10 mb-5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-credit-card w-5 h-5 text-primary" aria-hidden="true"><rect width="20" height="14" x="2" y="5" rx="2"></rect>
138<line x1="2" x2="22" y1="10" y2="10"></line></svg></div><h3 class="text-xl font-bold text-foreground mb-2">Payments</h3><p class="text-muted-foreground leading-relaxed">Stripe subscriptions, one-time charges, free trials, and tiered plans, all managed for you.</p></div><div class="rounded-2xl border border-border bg-white p-7 lg:p-8 animate-on-scroll stagger-3 "><div class="inline-flex items-center justify-center w-11 h-11 rounded-xl bg-primary/10 mb-5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye-off w-5 h-5 text-primary" aria-hidden="true"><path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49"></path><path d="M14.084 14.158a3 3 0 0 1-4.242-4.242"></path><path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143"></path><path d="m2 2 20 20"></path></svg></div><h3 class="text-xl font-bold text-foreground mb-2">Gating</h3><p class="text-muted-foreground leading-relaxed">Lock any page, section, or element behind a plan or login. No code required.</p></div><div class="rounded-2xl border border-border bg-white p-7 lg:p-8 animate-on-scroll stagger-4 "><div class="inline-flex items-center justify-center w-11 h-11 rounded-xl bg-primary/10 mb-5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-database w-5 h-5 text-primary" aria-hidden="true"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M3 5V19A9 3 0 0 0 21 19V5"></path><path d="M3 12A9 3 0 0 0 21 12"></path></svg></div><h3 class="text-xl font-bold text-foreground mb-2">Member data</h3><p class="text-muted-foreground leading-relaxed">Store custom member fields and read them anywhere — your members, your data, your rules.</p></div><div class="rounded-2xl border border-border bg-white p-7 lg:p-8 animate-on-scroll stagger-5 "><div class="inline-flex items-center justify-center w-11 h-11 rounded-xl bg-primary/10 mb-5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-5 h-5 text-primary" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></div><h3 class="text-xl font-bold text-foreground mb-2">Email Campaigns</h3><p class="text-muted-foreground leading-relaxed">Design, send, and automate emails to your members — built right in, no third-party tool to wire up.</p></div><div class="rounded-2xl border border-border bg-white p-7 lg:p-8 animate-on-scroll stagger-6 "><div class="inline-flex items-center justify-center w-11 h-11 rounded-xl bg-primary/10 mb-5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-table2 lucide-table-2 w-5 h-5 text-primary" aria-hidden="true"><path d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18"></path></svg></div><h3 class="text-xl font-bold text-foreground mb-2">Data Tables</h3><p class="text-muted-foreground leading-relaxed">Spin up custom databases to store, relate, and query structured content beyond member profiles.</p></div></div><div class="text-center mt-12"><a class="inline-flex items-center gap-2 text-primary font-semibold hover:gap-3 transition-all" href="/features">View all features<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></section><section id="faq" class="py-24 md:py-32 bg-surface relative overflow-hidden" data-cy="faq-section"><div aria-hidden="true" class="grid-pattern absolute inset-0 opacity-[0.4]" style="background-image:radial-gradient(circle at 1px 1px, rgb(209 213 219 / 0.4) 1px, transparent 0);background-size:32px 32px"></div><div aria-hidden="true" class="blur-orb absolute top-0 right-0 w-[800px] h-[800px] rounded-full blur-[150px] opacity-30 transition-colors duration-700 pointer-events-none" style="background-color:#4353FF15"></div><div class="container-main relative"><div class="max-w-3xl mx-auto text-center mb-12 md:mb-16 animate-on-scroll "><div class="inline-flex items-center gap-2.5 px-4 py-2 mb-6 bg-white border border-border rounded-full animate-on-scroll animate-scale-in stagger-1 ">
138<svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-primary"><path d="M8 1.333A6.667 6.667 0 1 0 14.667 8 6.674 6.674 0 0 0 8 1.333Zm0 10.667a.667.667 0 1 1 0-1.334.667.667 0 0 1 0 1.334Zm.667-3.06V9.333a.667.667 0 0 1-1.334 0v-.666a.667.667 0 0 1 .667-.667 1.333 1.333 0 1 0-1.333-1.333.667.667 0 1 1-1.334 0 2.667 2.667 0 1 1 3.334 2.573Z" fill="currentColor"></path></svg><span class="text-sm font-medium text-muted-foreground">Common Questions</span></div><h2 class="text-3xl sm:text-4xl lg:text-5xl font-extrabold text-foreground tracking-tight leading-[1.1] mb-5 animate-on-scroll stagger-2 ">Got questions?<!-- --> <span class="text-primary">We&#x27;ve got answers</span></h2><p class="text-lg text-muted-foreground max-w-xl mx-auto text-balance animate-on-scroll stagger-3 ">Everything you need to know about Memberstack. Can&#x27;t find what you&#x27;re looking for? Reach out to our team.</p></div><div class="max-w-3xl mx-auto animate-on-scroll stagger-5 "><div class="space-y-1 transition-opacity duration-150 opacity-100"><div class="group animate-on-scroll stagger-1 " data-cy="faq-item"><button class="w-full text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/20 focus-visible:ring-offset-2 rounded-xl cursor-pointer" aria-expanded="true"><div class="relative p-6 rounded-xl transition-all duration-300 bg-white shadow-lg shadow-black/[0.03] border border-gray-100"><div class="flex items-start gap-5"><span class="flex-shrink-0 font-mono text-sm font-medium transition-colors duration-300 text-primary" style="color:#4353FF">01</span><div class="flex-1 min-w-0"><h3 class="text-lg font-semibold leading-snug transition-colors duration-300 text-foreground">What is Memberstack?</h3></div><div class="flex-shrink-0 relative w-6 h-6 mt-0.5"><div class="absolute inset-0 flex items-center justify-center transition-transform duration-300 ease-[cubic-bezier(0.4,0,0.2,1)]" style="transform:rotate(180deg)"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" class="transition-colors duration-300 text-primary" style="color:#4353FF"><path d="M2 5L7 10L12 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="overflow-hidden transition-all duration-300 ease-[cubic-bezier(0.4,0,0.2,1)]" style="height:0;opacity:1"><div class="pt-4 pl-11"><p class="text-muted-foreground leading-relaxed text-[15px] [&amp;_a]:text-primary [&amp;_a]:underline [&amp;_a]:underline-offset-2 hover:[&amp;_a]:text-primary-dark">Memberstack is a membership and authentication platform that adds user login, Stripe payments, and gated content to any website. It works with Webflow, WordPress, custom code, and AI-built sites — handling auth, billing, and member data so you don't have to build them yourself.</p></div></div></div></button></div><div class="group animate-on-scroll stagger-2 " data-cy="faq-item"><button class="w-full text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/20 focus-visible:ring-offset-2 rounded-xl cursor-pointer" aria-expanded="false"><div class="relative p-6 rounded-xl transition-all duration-300 bg-transparent hover:bg-white/60 border border-transparent hover:border-gray-100/50"><div class="flex items-start gap-5"><span class="flex-shrink-0 font-mono text-sm font-medium transition-colors duration-300 text-gray-300 group-hover:text-gray-400">02</span><div class="flex-1 min-w-0"><h3 class="text-lg font-semibold leading-snug transition-colors duration-300 text-foreground/80 group-hover:text-foreground">How do I add memberships to a Webflow site?</h3></div><div class="flex-shrink-0 relative w-6 h-6 mt-0.5"><div class="absolute inset-0 flex items-center justify-center transition-transform duration-300 ease-[cubic-bezier(0.4,0,0.2,1)]" style="transform:rotate(0deg)"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" class="transition-colors duration-300 text-gray-400 group-hover:text-gray-500"><path d="M2 5L7 10L12 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div>
138<div class="overflow-hidden transition-all duration-300 ease-[cubic-bezier(0.4,0,0.2,1)]" style="height:0;opacity:0"><div class="pt-4 pl-11"><p class="text-muted-foreground leading-relaxed text-[15px] [&amp;_a]:text-primary [&amp;_a]:underline [&amp;_a]:underline-offset-2 hover:[&amp;_a]:text-primary-dark">Add Memberstack to Webflow by pasting a single script and using data attributes to mark login, signup, and gated elements — no custom code required. Memberstack handles authentication, Stripe payments, and content gating while you keep full control of your Webflow design. See the <a href="/with/webflow">Webflow guide</a> to get started.</p></div></div></div></button><div class="mx-6 border-b border-gray-100/60"></div></div><div class="group animate-on-scroll stagger-3 " data-cy="faq-item"><button class="w-full text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/20 focus-visible:ring-offset-2 rounded-xl cursor-pointer" aria-expanded="false"><div class="relative p-6 rounded-xl transition-all duration-300 bg-transparent hover:bg-white/60 border border-transparent hover:border-gray-100/50"><div class="flex items-start gap-5"><span class="flex-shrink-0 font-mono text-sm font-medium transition-colors duration-300 text-gray-300 group-hover:text-gray-400">03</span><div class="flex-1 min-w-0"><h3 class="text-lg font-semibold leading-snug transition-colors duration-300 text-foreground/80 group-hover:text-foreground">How long does it take to launch?</h3></div><div class="flex-shrink-0 relative w-6 h-6 mt-0.5"><div class="absolute inset-0 flex items-center justify-center transition-transform duration-300 ease-[cubic-bezier(0.4,0,0.2,1)]" style="transform:rotate(0deg)"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" class="transition-colors duration-300 text-gray-400 group-hover:text-gray-500"><path d="M2 5L7 10L12 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="overflow-hidden transition-all duration-300 ease-[cubic-bezier(0.4,0,0.2,1)]" style="height:0;opacity:0"><div class="pt-4 pl-11"><p class="text-muted-foreground leading-relaxed text-[15px] [&amp;_a]:text-primary [&amp;_a]:underline [&amp;_a]:underline-offset-2 hover:[&amp;_a]:text-primary-dark">Most builders have authentication, payments, and gated content working in under 30 minutes, and a full membership site live within a weekend. There's no backend to build — you connect Memberstack, gate your content, and launch.</p></div></div></div></button><div class="mx-6 border-b border-gray-100/60"></div></div><div class="group animate-on-scroll stagger-4 " data-cy="faq-item"><button class="w-full text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/20 focus-visible:ring-offset-2 rounded-xl cursor-pointer" aria-expanded="false"><div class="relative p-6 rounded-xl transition-all duration-300 bg-transparent hover:bg-white/60 border border-transparent hover:border-gray-100/50"><div class="flex items-start gap-5"><span class="flex-shrink-0 font-mono text-sm font-medium transition-colors duration-300 text-gray-300 group-hover:text-gray-400">04</span><div class="flex-1 min-w-0"><h3 class="text-lg font-semibold leading-snug transition-colors duration-300 text-foreground/80 group-hover:text-foreground">How much does Memberstack cost?</h3></div><div class="flex-shrink-0 relative w-6 h-6 mt-0.5"><div class="absolute inset-0 flex items-center justify-center transition-transform duration-300 ease-[cubic-bezier(0.4,0,0.2,1)]" style="transform:rotate(0deg)"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" class="transition-colors duration-300 text-gray-400 group-hover:text-gray-500"><path d="M2 5L7 10L12 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="overflow-hidden transition-all duration-300 ease-[cubic-bezier(0.4,0,0.2,1)]" style="height:0;opacity:0"><div class="pt-4 pl-11"><p class="text-muted-foreground leading-relaxed text-[15px] [&amp;_a]:text-primary [&amp;_a]:underline [&amp;_a]:underline-offset-2 hover:[&amp;_a]:text-primary-dark">
138Memberstack is free until you launch. You only pay once your site goes live. Paid plans start low and scale with your members, with a transaction fee that shrinks as you grow: 4% on Basic, 2% on Professional, 0.9% on Business, and 0% on Established, plus standard Stripe fees. See the <a href="/pricing">pricing page</a> for full details.</p></div></div></div></button><div class="mx-6 border-b border-gray-100/60"></div></div><div class="group animate-on-scroll stagger-5 " data-cy="faq-item"><button class="w-full text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/20 focus-visible:ring-offset-2 rounded-xl cursor-pointer" aria-expanded="false"><div class="relative p-6 rounded-xl transition-all duration-300 bg-transparent hover:bg-white/60 border border-transparent hover:border-gray-100/50"><div class="flex items-start gap-5"><span class="flex-shrink-0 font-mono text-sm font-medium transition-colors duration-300 text-gray-300 group-hover:text-gray-400">05</span><div class="flex-1 min-w-0"><h3 class="text-lg font-semibold leading-snug transition-colors duration-300 text-foreground/80 group-hover:text-foreground">Does Memberstack work without Webflow?</h3></div><div class="flex-shrink-0 relative w-6 h-6 mt-0.5"><div class="absolute inset-0 flex items-center justify-center transition-transform duration-300 ease-[cubic-bezier(0.4,0,0.2,1)]" style="transform:rotate(0deg)"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" class="transition-colors duration-300 text-gray-400 group-hover:text-gray-500"><path d="M2 5L7 10L12 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="overflow-hidden transition-all duration-300 ease-[cubic-bezier(0.4,0,0.2,1)]" style="height:0;opacity:0"><div class="pt-4 pl-11"><p class="text-muted-foreground leading-relaxed text-[15px] [&amp;_a]:text-primary [&amp;_a]:underline [&amp;_a]:underline-offset-2 hover:[&amp;_a]:text-primary-dark">Yes. Memberstack works on any website — WordPress, custom HTML, React, and AI-built sites included. Anywhere you can add a script tag, you can add Memberstack authentication, payments, and gating.</p></div></div></div></button></div></div></div><div class="mt-16 text-center animate-on-scroll stagger-5 "><a href="https://docs.memberstack.com/hc/en-us/community/posts" target="_blank" rel="noopener noreferrer" class="group inline-flex flex-col sm:flex-row items-center gap-4 p-6 bg-white rounded-2xl border border-gray-200/80 shadow-sm hover:border-primary/40 hover:shadow-md transition-all"><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 24 24" fill="none" class="text-primary"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><p class="text-foreground font-medium">Still have questions?</p></div><span class="btn-primary text-sm py-2.5 px-5 group-hover:bg-primary-dark transition-colors">Ask in our Community</span></a></div></div></section><section id="cta" class="relative py-24 lg:py-32 overflow-hidden bg-[#141B4D]"><div aria-hidden="true" class="absolute inset-0 pointer-events-none" style="background-image:linear-gradient(to right, rgba(255,255,255,0.06) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,0.06) 1px, transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at center, black 35%, transparent 78%);-webkit-mask-image:radial-gradient(ellipse at center, black 35%, transparent 78%)"></div><div aria-hidden="true" class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[70%] h-[60%] pointer-events-none rounded-full opacity-40 blur-3xl" style="background:radial-gradient(circle, rgba(67,83,255,0.55) 0%, transparent 70%)"></div><div class="container-main relative z-10"><div class="max-w-4xl mx-auto p-6 sm:p-12 lg:p-16 transition-all duration-700 motion-reduce:transition-none motion-reduce:opacity-100 motion-reduce:translate-y-0 opacity-0 translate-y-8"><div class="text-center"><div class="inline-flex items-center gap-2.5 px-4 py-2 mb-8 rounded-full bg-white/[0.08] border border-white/[0.12] transition-all duration-500 delay-100 motion-reduce:transition-none motion-reduce:opacity-100 motion-reduce:scale-100 opacity-0 scale-95"><span class="relative flex h-2 w-2"><span class="animate-ping motion-reduce:animate-none absolute inline-flex h-full w-full rounded-full bg-[#6E8BFF] opacity-75"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-[#6E8BFF]"></span></span><span class="text-sm font-medium text-white/80">Ready when you are</span></div><h2 class="text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-extrabold text-white leading-[1.05] tracking-tight mb-6 transition-all duration-700 delay-200 motion-reduce:transition-none motion-reduce:opacity-100 motion-reduce:translate-y-0 opacity-0 translate-y-4">Build something<!-- --> <span class="text-primary">extraordinary</span></h2><p class="text-lg sm:text-xl text-white/65 max-w-2xl mx-auto mb-10 leading-relaxed text-balance transition-all duration-700 delay-300 motion-reduce:transition-none motion-reduce:opacity-100 motion-reduce:translate-y-0 opacity-0 translate-y-4">
138Memberstack is completely free until you launch. No credit card required. Start building your membership site in minutes.</p><div class="flex flex-col sm:flex-row items-center justify-center gap-4 mb-10 transition-all duration-700 delay-400 motion-reduce:transition-none motion-reduce:opacity-100 motion-reduce:translate-y-0 opacity-0 translate-y-4"><a href="https://app.memberstack.com/signup" class="group relative inline-flex items-center gap-2 px-8 py-4 bg-white text-[#141B4D] font-semibold rounded-xl transition-all duration-300 hover:shadow-[0_0_40px_rgba(255,255,255,0.25)] hover:-translate-y-0.5" data-ph-capture="getstartedclicked"><span>Start building free</span><svg aria-hidden="true" class="w-4 h-4 transition-transform duration-300 group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></a><a href="https://docs.memberstack.com" target="_blank" rel="noopener noreferrer" class="group inline-flex items-center gap-2 px-8 py-4 font-medium rounded-xl bg-white/5 border border-white/20 text-white/85 transition-all duration-300 hover:bg-white/10 hover:border-white/30 hover:-translate-y-0.5"><span>View documentation</span><svg aria-hidden="true" class="w-4 h-4 transition-transform duration-300 group-hover:translate-x-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg></a></div><div class="flex flex-wrap justify-center gap-3 transition-all duration-700 delay-500 motion-reduce:transition-none motion-reduce:opacity-100 motion-reduce:translate-y-0 opacity-0 translate-y-4"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/[0.08] border border-white/15 text-white/85 text-sm font-medium"><svg aria-hidden="true" class="w-4 h-4 text-[#9BA9FF]" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>Free until launch</div><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/[0.08] border border-white/15 text-white/85 text-sm font-medium"><svg aria-hidden="true" class="w-4 h-4 text-[#9BA9FF]" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>No credit card required</div><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/[0.08] border border-white/15 text-white/85 text-sm font-medium"><svg aria-hidden="true" class="w-4 h-4 text-[#9BA9FF]" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>Setup in 5 minutes</div></div></div></div></div></section></main><footer class="bg-white border-t border-border pb-24" hide-if-embed="true"><div class="container-main py-16"><div class="grid grid-cols-2 lg:grid-cols-4 gap-x-8 gap-y-10 lg:gap-x-12"><div class="space-y-10"><div><h4 class="font-semibold text-foreground mb-4">Product</h4><ul class="space-y-3"><li><a href="/features" class="text-sm text-muted-foreground hover:text-primary transition-colors">Full Feature List</a></li><li><a href="/features?area=authentication" class="text-sm text-muted-foreground hover:text-primary transition-colors">User Accounts</a></li><li><a href="/features/content-gating" class="text-sm text-muted-foreground hover:text-primary transition-colors">Gated Content</a></li><li><a href="/features?area=payments" class="text-sm text-muted-foreground hover:text-primary transition-colors">Secure Payments</a></li><li><a href="/features/datatables" class="text-sm text-muted-foreground hover:text-primary transition-colors">Data Tables</a></li><li><a href="/features/email-campaigns" class="text-sm text-muted-foreground hover:text-primary transition-colors">Email Campaigns</a></li><li><a href="/product/api-integrations" class="text-sm text-muted-foreground hover:text-primary transition-colors">API &amp; Integrations</a></li></ul></div><div class="pt-6 border-t border-border"><ul class="space-y-3"><li><a href="https://app.memberstack.com/signup" data-ph-capture="getstartedclicked" class="text-sm text-muted-foreground hover:text-primary transition-colors">Create a new account</a></li><li><a href="https://app.memberstack.com/login" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-primary transition-colors">2.0 Log in</a></li><li><a href="https://app.memberstack.io/login" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-primary transition-colors">1.0 Log in</a></li><li><a href="/pricing" class="text-sm text-muted-foreground hover:text-primary transition-colors">Pricing</a></li></ul></div></div><div class="space-y-10"><div><h4 class="font-semibold text-foreground mb-4">Build with</h4><ul class="space-y-3"><li><a href="/with/webflow" class="text-sm text-muted-foreground hover:text-primary transition-colors">Webflow</a></li><li><a href="/hub/webflow" class="text-sm text-muted-foreground hover:text-primary transition-colors">Webflow Hub</a></li><li><a href="https://wordpress.memberstack.com/" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-primary transition-colors">WordPress</a></li><li><a href="/hub/wordpress" class="text-sm text-muted-foreground hover:text-primary transition-colors">WordPress Hub</a></li><li><a href="/with/claude-code" class="text-sm text-muted-foreground hover:text-primary transition-colors">Claude Code</a></li><li><a href="/vibe-coding" class="text-sm text-muted-foreground hover:text-primary transition-colors">Vibe Coding</a></li><li><a href="/hub/vibe-coding" class="text-sm text-muted-foreground hover:text-primary transition-colors">Vibe Coding Hub</a></li><li><a href="/hub/development" class="text-sm text-muted-foreground hover:text-primary transition-colors">Developer Hub</a></li></ul></div><div><h4 class="font-semibold text-foreground mb-4">Who it&#x27;s for</h4><ul class="space-y-3"><li><a href="/for/agencies" class="text-sm text-muted-foreground hover:text-primary transition-colors">
138Agencies &amp; Freelancers</a></li><li><a href="/for/designers" class="text-sm text-muted-foreground hover:text-primary transition-colors">Designers</a></li><li><a href="/for/developers" class="text-sm text-muted-foreground hover:text-primary transition-colors">Developers</a></li><li><a href="/for/founders" class="text-sm text-muted-foreground hover:text-primary transition-colors">Founders</a></li><li><a href="/for/marketers" class="text-sm text-muted-foreground hover:text-primary transition-colors">Marketers</a></li><li><a href="/for/education" class="text-sm text-muted-foreground hover:text-primary transition-colors">Education</a></li><li><a href="/for/fitness" class="text-sm text-muted-foreground hover:text-primary transition-colors">Fitness</a></li></ul></div></div><div class="space-y-10"><div><h4 class="font-semibold text-foreground mb-4">Resources</h4><ul class="space-y-3"><li><a href="/tools" class="text-sm text-muted-foreground hover:text-primary transition-colors">Free Tools</a></li><li><a href="/templates" class="text-sm text-muted-foreground hover:text-primary transition-colors">Templates</a></li><li><a href="/webflow-components" class="text-sm text-muted-foreground hover:text-primary transition-colors">Components</a></li><li><a href="/memberscripts" class="text-sm text-muted-foreground hover:text-primary transition-colors">MemberScripts</a></li><li><a href="/data-attributes" class="text-sm text-muted-foreground hover:text-primary transition-colors">Data Attributes</a></li><li><a href="/experts" class="text-sm text-muted-foreground hover:text-primary transition-colors">Find Experts</a></li><li><a href="/blog" class="text-sm text-muted-foreground hover:text-primary transition-colors">Blog</a></li><li><a href="/llms.txt" class="text-sm text-muted-foreground hover:text-primary transition-colors">llms.txt (for AI)</a></li><li><a href="/llms-full.txt" class="text-sm text-muted-foreground hover:text-primary transition-colors">llms-full.txt (for AI)</a></li></ul></div><div><h4 class="font-semibold text-foreground mb-4">Guides &amp; support</h4><ul class="space-y-3"><li><a href="/hiring-guide" class="text-sm text-muted-foreground hover:text-primary transition-colors">Hiring Guide</a></li><li><a href="/charts-data-tables" class="text-sm text-muted-foreground hover:text-primary transition-colors">Charts from Data Tables</a></li><li><a href="/paypal-integration" class="text-sm text-muted-foreground hover:text-primary transition-colors">PayPal Integration Guide</a></li><li><a href="/aws-s3-file-uploader" class="text-sm text-muted-foreground hover:text-primary transition-colors">AWS S3 File Uploader</a></li><li><a href="/vercel-blob-uploader" class="text-sm text-muted-foreground hover:text-primary transition-colors">Vercel Blob File Uploader</a></li><li><a href="https://docs.memberstack.com/" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-primary transition-colors">Help Center</a></li><li><a href="https://docs.memberstack.com/hc/en-us/community/posts" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-primary transition-colors">Support Forum</a></li><li><a href="/slacks" class="text-sm text-muted-foreground hover:text-primary transition-colors">Webflow Slack Community</a></li><li><a href="/slacks" class="text-sm text-muted-foreground hover:text-primary transition-colors">WordPress Slack Community</a></li></ul></div></div><div class="space-y-10"><div><h4 class="font-semibold text-foreground mb-4">Why Memberstack</h4><ul class="space-y-3"><li><a href="/why-memberstack" class="text-sm text-muted-foreground hover:text-primary transition-colors">Why Memberstack</a></li><li><a href="/showcase" class="text-sm text-muted-foreground hover:text-primary transition-colors">Showcase</a></li><li><a href="/testimonials" class="text-sm text-muted-foreground hover:text-primary transition-colors">Testimonials</a></li><li><a href="/memberstack-comparison" class="text-sm text-muted-foreground hover:text-primary transition-colors">Compare Every Alternative</a></li><li><a href="/alternative/memberstack-vs-outseta" class="text-sm text-muted-foreground hover:text-primary transition-colors">Memberstack vs Outseta</a></li><li><a href="/alternative/memberstack-vs-memberspace" class="text-sm text-muted-foreground hover:text-primary transition-colors">Memberstack vs MemberSpace</a></li><li><a href="/alternative/memberstack-vs-webflow-memberships" class="text-sm text-muted-foreground hover:text-primary transition-colors">Memberstack vs Webflow Memberships</a></li><li><a href="/alternative/memberstack-vs-memberpress" class="text-sm text-muted-foreground hover:text-primary transition-colors">Memberstack vs MemberPress</a></li><li><a href="/migrate-from-webflow-user-accounts" class="text-sm text-muted-foreground hover:text-primary transition-colors">Migrate from Webflow User Accounts</a></li></ul></div><div><h4 class="font-semibold text-foreground mb-4">Company</h4><ul class="space-y-3"><li><a href="/about" class="text-sm text-muted-foreground hover:text-primary transition-colors">About</a></li><li><a href="/careers" class="text-sm text-muted-foreground hover:text-primary transition-colors">Careers</a></li><li><a href="/changelog" class="text-sm text-muted-foreground hover:text-primary transition-colors">Changelog</a></li><li><a href="/brand/logo" class="text-sm text-muted-foreground hover:text-primary transition-colors">Brand &amp; Logo</a></li><li><a href="mailto:[email protected]" class="text-sm text-muted-foreground hover:text-primary transition-colors">Partnerships<sup class="text-xs ml-0.5">(email)</sup></a></li><li><a href="mailto:[email protected]" class="text-sm text-muted-foreground hover:text-primary transition-colors">Contact Us<sup class="text-xs ml-0.5">(email)</sup></a></li><li><a href="https://x.com/memberstack" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-primary transition-colors">X</a></li><li><a href="https://www.linkedin.com/company/memberstack" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-primary transition-colors">LinkedIn</a></li><li><a href="https://docs.memberstack.com/hc/en-us/articles/18535105629595" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-primary transition-colors">&quot;Do Not Sell My Data&quot; Promise</a></li></ul></div></div></div><div class="mt-12 pt-8 border-t border-border flex flex-wrap items-center gap-3"><a target="_blank" rel="noopener noreferrer" href="https://docs.memberstack.com/hc/en-us/articles/11420444005531-Security-Policy" class="bg-white border border-border rounded-xl p-3 flex items-center gap-3"><div class="w-10 h-10 rounded-full bg-[#1e3a5f] flex items-center justify-center shrink-0"><span class="text-white text-[10px] font-bold leading-none text-center">AICPA<br/>SOC</span></div><div><p class="font-semibold text-primary text-xs">SOC 2 TYPE 1</p><p class="text-[10px] text-primary tracking-widest">CERTIFIED</p></div></a><a target="_blank" rel="noopener noreferrer" href="https://docs.memberstack.com/hc/en-us/articles/11419812024347-Privacy-Policy" class="bg-white border border-border rounded-xl p-3 flex items-center gap-2"><div class="w-8 h-8 rounded-lg bg-[#1e3a8a] flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock w-4 h-4 text-yellow-400" aria-hidden="true"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg></div><div><p class="font-bold text-foreground text-sm">GDPR</p><p class="text-[10px] text-muted-foreground">COMPLIANT</p></div></a><a target="_blank" rel="noopener noreferrer" href="https://docs.memberstack.com/hc/en-us/articles/11419812024347-Privacy-Policy" class="bg-white border border-border rounded-xl p-3 flex items-center gap-2"><div class="w-8 h-8 rounded-lg bg-[#1e3a8a] flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text w-4 h-4 text-blue-300" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div><p class="font-bold text-foreground text-sm">CCPA</p><p class="text-[10px] text-muted-foreground">COMPLIANT</p></div></a><div class="ml-auto"><iframe src="https://status.memberstack.com/badge?theme=light" width="250" height="30" frameBorder="0" scrolling="no" loading="lazy" style="color-scheme:normal" title="Memberstack Status"></iframe></div></div></div><div class="border-t border-border"><div class="container-main py-6"><div class="flex flex-col md:flex-row items-center justify-between gap-4"><div class="flex flex-col gap-3"><div class="flex flex-wrap items-center gap-4 text-sm text-muted-foreground"><a href="https://docs.memberstack.com/hc/en-us/articles/11419812024347-Privacy-Policy" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition-colors">Privacy Policy</a><a href="https://docs.memberstack.com/hc/en-us/articles/11420153399067-Terms-of-Service" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition-colors">Terms of Service</a><a href="https://docs.memberstack.com/hc/en-us/articles/11420007709467-Cookie-Policy" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition-colors">Cookie Policy</a><a href="https://docs.memberstack.com/hc/en-us/articles/11420444005531-Security-Policy" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition-colors">Security Policy</a></div><p class="text-sm text-muted-foreground">© Memberstack Inc. 2018 - <!-- -->2026<!-- -->. All rights reserved.</p></div><a href="https://www.producthunt.com/posts/memberstack?embed=true&amp;utm_source=badge-featured&amp;utm_medium=badge&amp;utm_souce=badge-memberstack" target="_blank" rel="noopener noreferrer"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=160626&amp;theme=light" alt="Memberstack - The no-code membership platform for any website | Product Hunt" width="250" height="54" loading="lazy" decoding="async" style="width:250px;height:54px"/></a></div></div></div></footer></div><!--$--><!--/$--></div>
138<script src="/_next/static/immutable/chunks/1h3vbkxujkw7e.js" id="_R_" async=""></script>
138<script>(self.__next_f=self.__next_f||[]).push([0])</script>
138<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n8:I[253348,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\",\"/_next/static/immutable/chunks/0tlfvo-3ciuie.js\"],\"default\"]\n:HL[\"/_next/static/immutable/chunks/3ctxm8m0lgv9v.css\",\"style\"]\n:HL[\"/_next/static/immutable/chunks/2s-5o-z4g75gg.css\",\"style\"]\n:HL[\"/_next/static/immutable/media/5c285b27cdda1fe8-s.p.0lsanbtneewqp.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:Tc43,\n/* Control is the fallback; inactive arms are also removed from the tab order. */\n[data-nav-arm=\"b\"],[data-nav-arm=\"c\"]{display:none}html[data-nav=\"b\"] [data-nav-arm=\"b\"],html[data-nav=\"c\"] [data-nav-arm=\"c\"]{display:block}html[data-nav=\"b\"] [data-nav-arm=\"control\"],html[data-nav=\"c\"] [data-nav-arm=\"control\"]{display:none}\n\n/* Dropdown enter animation */\n@keyframes nav-dropdown-enter {\n  0% {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.nav-dropdown-enter {\n  animation: nav-dropdown-enter 0.2s ease-out forwards;\n}\n\n/*\n * Nav Lab guided menu: rows cascade in as each step swaps its list.\n *\n * They travel HORIZONTALLY on purpose. An earlier pass moved them -4px on Y\n * inside a panel that was itself sliding -8px on Y over the same 200ms — same\n * axis, overlapping windows, so the stagger was running and invisible. Moving\n * the rows across while the panel moves down keeps the two readable at once.\n *\n * Direction carries meaning: deeper slides in from the right, back from the\n * left, so drilling feels like travel instead of a redraw. Delay is set per\n * row inline.\n */\n@keyframes nav-row-in-forward {\n  0% {\n    opacity: 0;\n    transform: translateX(16px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes nav-row-in-back {\n  0% {\n    opacity: 0;\n    transform: translateX(-16px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n.nav-row-forward,\n.nav-row-back {\n  opacity: 0;\n  /* Decelerating ease — fast out of the gate, soft landing. */\n  animation-duration: 0.34s;\n  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n  animation-fill-mode: forwards;\n}\n\n.nav-row-forward {\n  animation-name: nav-row-in-forward;\n}\n\n.nav-row-back {\n  animation-name: nav-row-in-back;\n}\n\n/* Mobile sheet entering from under the navbar. Enter-only, matching the\n * desktop dropdown — an exit animation would mean keeping a closed menu\n * mounted, which is a worse trade than a clean unmount. */\n@keyframes nav-sheet-enter {\n  0% {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.nav-sheet-enter {\n  animation: nav-sheet-enter 0.22s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .nav-sheet-enter {\n    animation: none;\n  }\n}\n\n/* Height morph between steps with different row counts. */\n.nav-panel-morph {\n  overflow: hidden;\n  transition: height 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n/*\n * The \"I want to ______\" blank. The width eases between completions instead\n * of the box being frozen at the longest phrase — that lock was what made an\n * earlier pass feel dead, since short phrases sat in a box sized for the\n * longest one and only the text moved.\n */\n.nav-blank {\n  transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n/* Anyone who asked the OS for less motion just gets the rows, immediately. */\n@media (prefers-reduced-motion: reduce) {\n  .nav-row-forward,\n  .nav-row-back {\n    opacity: 1;\n    animation: none;\n  }\n\n  .nav-panel-morph,\n  .nav-blank {\n    transition: none;\n  }\n}\n\n0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{},\"$undefined\",\"$undefined\",4608]},\"$undefined\",\"$undefined\",4624],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/immutable/chunks/3ctxm8m0lgv9v.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/immutable/chunks/2s-5o-z4g75gg.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/immutable/chunks/1_3rt63dscdez.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://cdn.sanity.io\"}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"(function(){var p=window.location.search;try{if(window.self!==window.top){document.documentElement.classList.add('is-embedded');if(p.includes('context=onboarding')){document.documentElement.classList.add('is-onboarding')}}}catch(e){document.documentElement.classList.add('is-embedded');if(p.includes('context=onboarding')){document.documentElement.classList.add('is-onboarding')}}})();\"}}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"(function(){try{var m=document.cookie.match(/(?:^|; )nav_variant=([^;]*)/);if(!m)return;var v=decodeURIComponent(m[1]);if(v==='control'||v==='b'||v==='c'){document.documentElement.setAttribute('data-nav',v)}}catch(e){}})();\"}}],[\"$\",\"style\",null,{\"href\":\"memberstack-nav\",\"precedence\":\"nav\",\"children\":\"$2\"}],\"$L3\",\"$L4\"]}],\"$L5\"]}]]}],{\"children\":[\"$L6\",{}
138,null,false,null]},null,false,null],\"$L7\",false]],\"m\":\"$undefined\",\"G\":[\"$8\",[\"$L9\",\"$La\"]],\"S\":true,\"h\":null,\"r\":\"$undefined\",\"s\":\"$undefined\",\"a\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"-iZBEzoNzkZtq4lbwVzV-\"}\nc:I[479520,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\"],\"\"]\nf:I[598892,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\"],\"PostHogProvider\"]\n10:I[866602,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\"],\"StickyCTAProvider\"]\n11:I[571479,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\"],\"ScrollAnimationProvider\"]\n12:I[339756,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\"],\"default\"]\n13:I[408821,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\",\"/_next/static/immutable/chunks/35g9plp7r10y_.js\"],\"default\"]\n14:I[837457,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\"],\"default\"]\n15:I[636768,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\",\"/_next/static/immutable/chunks/2qzy6nm04zvv3.js\",\"/_next/static/immutable/chunks/2go8a1av99lye.js\",\"/_next/static/immutable/chunks/3_jy47p9mgt9t.js\",\"/_next/static/immutable/chunks/2qq8g21ppkaht.js\",\"/_next/static/immutable/chunks/2e890d0tbyr04.js\",\"/_next/static/immutable/chunks/1466py_aawmbz.js\"],\"default\"]\n16:I[857212,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\"],\"LazyHelpWidget\"]\n19:I[897367,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\"],\"OutletBoundary\"]\n1a:\"$Sreact.suspense\"\n1c:I[897367,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\"],\"ViewportBoundary\"]\n1e:I[897367,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\"],\"MetadataBoundary\"]\nb:T641,[{\"@context\":\"https://schema.org\",\"@type\":\"Organization\",\"name\":\"Memberstack\",\"url\":\"https://www.memberstack.com\",\"logo\":\"https://www.memberstack.com/brand/memberstack-logo-full-light.png\",\"description\":\"Memberstack gives you total design control in Webflow and handles everything from social logins to abandoned cart emails. There are no hidden fees, and pricing scales slowly as you grow.\",\"foundingDate\":\"2018\",\"sameAs\":[\"https://x.com/memberstack\",\"https://www.linkedin.com/company/memberstack\",\"https://www.youtube.com/@Memberstack\"],\"contactPoint\":{\"@type\":\"ContactPoint\",\"contactType\":\"customer support\",\"url\":\"https://docs.memberstack.com/hc/en-us/community/posts\",\"email\":\"[email protected]\"}},{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Memberstack\",\"url\":\"https://www.memberstack.com\",\"description\":\"Memberships for Webflow. Design in Webflow, Scale to Millions.\",\"publisher\":{\"@type\":\"Organization\",\"name\":\"Memberstack\"}},{\"@context\":\"https://schema.org\",\"@type\":\"SoftwareApplication\",\"name\":\"Memberstack\",\"applicationCategory\":\"BusinessApplication\",\"operatingSystem\":\"Web\",\"description\":\"Memberstack is a membership and authentication platform for Webflow, WordPress, and custom code. Add user authentication, gated content, and Stripe payments to any website.\",\"offers\":{\"@type\":\"AggregateOffer\",\"priceCurrency\":\"USD\",\"lowPrice\":\"25\",\"highPrice\":\"499\",\"offerCount\":\"4\"},\"featureList\":[\"User Authentication\",\"Social Logins\",\"Gated Content\",\"Stripe Payments\",\"Subscription Management\",\"Member Profiles\",\"Custom Attributes\",\"Webhooks \\u0026 API\",\"Zapier Integration\"]}]3:[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$b\"}}]\nd:T6a3,(function(){\n            var loaded=false;\n            function loadScripts(){\n              if(loaded)return;\n              loaded=true;\n\n              // GTM\n              (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n              new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n              j=d.createElement(s),dl=l!='dataLayer'?'\u0026l='+l:'';j.async=true;j.src=\n              'https://www.googletagmanager.com/gtm.js?id='
138+i+dl;f.parentNode.insertBefore(j,f);\n              })(window,document,'script','dataLayer','GTM-PJDDMNF');\n\n              // Rewardful\n              (function(w,r){w._rwq=r;w[r]=w[r]||function(){(w[r].q=w[r].q||[]).push(arguments)}})(window,'rewardful');\n              var rw=document.createElement('script');rw.src='https://r.wdfl.co/rw.js';rw.async=true;rw.setAttribute('data-rewardful','6c205c');document.head.appendChild(rw);\n\n              // Bing UET\n              (function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:\"26056917\"};o.q=w[u],w[u]=new UET(o),w[u].push(\"pageLoad\")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s\u0026\u0026s!==\"loaded\"\u0026\u0026s!==\"complete\"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,\"script\",\"//bat.bing.com/bat.js\",\"uetq\");\n            }\n\n            // Load on first user interaction or after 5s timeout (whichever comes first)\n            var events=['scroll','click','touchstart','keydown'];\n            events.forEach(function(e){document.addEventListener(e,loadScripts,{once:true,passive:true})});\n            setTimeout(loadScripts,5000);\n          })();4:[\"$\",\"$Lc\",null,{\"id\":\"deferred-third-party\",\"strategy\":\"lazyOnload\",\"children\":\"$d\"}]\ne:[\"$\",\"iframe\",null,{\"src\":\"https://www.googletagmanager.com/ns.html?id=GTM-PJDDMNF\",\"height\":\"0\",\"width\":\"0\",\"style\":{\"display\":\"none\",\"visibility\":\"hidden\"}}]\n17:T4dc,(function(){\n            // Data track click handler\n            document.querySelectorAll(\"[data-track]\").forEach(function(bt){\n              bt.addEventListener(\"click\",function(){\n                var name=bt.getAttribute(\"data-track\");\n                if(window.analytics)analytics.track(name);\n              });\n            });\n\n            // UET conversion tracking for Bing\n            document.addEventListener(\"click\",function(event){\n              var element=event.target;\n              while(element){\n                if(element.hasAttribute\u0026\u0026element.getAttribute(\"data-ph-capture\")===\"getstartedclicked\"){\n                  window.uetq=window.uetq||[];\n                  window.uetq.push(\"event\",\"other\",{action:\"getstartedclicked\"});\n                  // Delay link navigation so the UET event has time to send before unload\n                  if(element.tagName===\"A\"\u0026\u0026element.href\u0026\u0026element.href!==\"#\"\u0026\u0026!element.href.startsWith(\"javascript:\")){\n                    event.preventDefault();\n                    setTimeout(function(){window.location.href=element.href;},100);\n                  }\n                  break;\n                }\n                element=element.parentElement;\n              }\n            });\n          })();5:[\"$\",\"body\",null,{\"className\":\"dm_sans_e3c6787e-module__zIuLOa__variable caveat_2e16c2f0-module__Avsnqq__variable jetbrains_mono_d992c9ae-module__wt3b-W__variable inter_ff04d855-module__J0fQmG__variable plus_jakarta_sans_376481e4-module__cnop0W__variable font-sans antialiased\",\"children\":[[\"$\",\"a\",null,{\"href\":\"#main-content\",\"className\":\"sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-lightbox focus:rounded-md focus:bg-white focus:px-5 focus:py-3 focus:font-semibold focus:text-primary focus:shadow-md\",\"children\":\"Skip to main content\"}],[\"$\",\"noscript\",null,{\"children\":\"$e\"}],[\"$\",\"$Lf\",null,{\"children\":[\"$\",\"$L10\",null,{\"children\":[[\"$\",\"$L11\",null,{\"children\":[\"$\",\"div\",null,{\"id\":\"main-content\",\"children\":[\"$\",\"$L12\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$13\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/immutable/chunks/35g9plp7r10y_.js\",\"async\":true}]],\"template\":[\"$\",\"$L14\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L15\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"$L16\",null,{}]]}]}],null,[\"$\",\"$Lc\",null,{\"id\":\"iframe-messaging\",\"strategy\":\"lazyOnload\",\"children\":\"(function() {\\n            function inIframe() {\\n              try {\\n                return window.self !== window.top;\\n              } catch (e) {\\n                return true;\\n              }\\n            }\\n\\n            if (inIframe()) {\\n              // Post message to parent on initial load and navigation\\n              function notifyParent() {\\n                window.parent.postMessage({\\n                  type: 'pathChange',\\n                  path: window.location.pathname\\n                }, '*');\\n              }\\n\\n              notifyParent();\\n\\n              // Listen for Next.js route changes\\n              var pushState = history.pushState;\\n              history.pushState = function() {\\n                pushState.apply(history, arguments);\\n                notifyParent();\\n              };\\n            }\\n          })();\"}],[\"$\",\"$Lc\",null,{\"id\":\"tracking-handlers\",\"strategy\":\"lazyOnload\",\"children\":\"$17\"}]]}]\n6:[\"$\",\"$1\",\"c\",{\"children\":[\"$L18\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/immutable/chunks/3_jy47p9mgt9t.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/immutable/chunks/19c177nnzzyyr.js\",\"async\":true,\"nonce\":\"$undefined\"}
138],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/immutable/chunks/2gkhlj2x41kn3.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/immutable/chunks/1x7s2kwm6kc4l.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/immutable/chunks/2go8a1av99lye.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/immutable/chunks/3q2y9iwufuqfk.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/immutable/chunks/1466py_aawmbz.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-7\",{\"src\":\"/_next/static/immutable/chunks/2qq8g21ppkaht.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-8\",{\"src\":\"/_next/static/immutable/chunks/2e890d0tbyr04.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-9\",{\"src\":\"/_next/static/immutable/chunks/15_46uk6igtwl.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-10\",{\"src\":\"/_next/static/immutable/chunks/1p-n4si-e8hll.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-11\",{\"src\":\"/_next/static/immutable/chunks/3ah1qll_5-5na.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L19\",null,{\"children\":[\"$\",\"$1a\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@1b\"}]}]]}]\n7:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L1c\",null,{\"children\":\"$L1d\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L1e\",null,{\"children\":[\"$\",\"$1a\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L1f\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n9:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/immutable/chunks/3ctxm8m0lgv9v.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\na:[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/immutable/chunks/2s-5o-z4g75gg.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n1d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#ffffff\"}]]\n20:I[27201,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\"],\"IconMark\"]\n1b:null\n1f:[[\"$\",\"title\",\"0\",{\"children\":\"Membership Platform for Webflow, WordPress \u0026 Any Site | Memberstack\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Add memberships, user logins, Stripe payments, and gated content to any website. Launch your membership site this weekend — free until you lau
138nch.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"canonical\",\"href\":\"https://www.memberstack.com\"}],[\"$\",\"meta\",\"3\",{\"name\":\"google-site-verification\",\"content\":\"AchYTLY9kR_PViRFHwWXMqhb_Vt7DpHx6yoa3Szd-FE\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"Membership Platform for Webflow, WordPress \u0026 Any Site | Memberstack\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"Add memberships, user logins, Stripe payments, and gated content to any website. Launch your membership site this weekend — free until you launch.\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:site_name\",\"content\":\"Memberstack\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image\",\"content\":\"https://www.memberstack.com/images/og/home.png\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:title\",\"content\":\"Membership Platform for Webflow, WordPress \u0026 Any Site | Memberstack\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:description\",\"content\":\"Add memberships, user logins, Stripe payments, and gated content to any website. Launch your membership site this weekend — free until you lau
138nch.\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:image\",\"content\":\"https://www.memberstack.com/images/og/home.png\"}],[\"$\",\"link\",\"13\",{\"rel\":\"shortcut icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",\"14\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.2a-xmi3hoj5hj.ico\",\"sizes\":\"32x32\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"15\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",\"16\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-touch-icon.png\"}],[\"$\",\"$L20\",\"17\",{}]]\n"])</script>
138<script>self.__next_f.push([1,"21:I[382595,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\",\"/_next/static/immutable/chunks/3_jy47p9mgt9t.js\",\"/_next/static/immutable/chunks/19c177nnzzyyr.js\",\"/_next/static/immutable/chunks/2gkhlj2x41kn3.js\",\"/_next/static/immutable/chunks/1x7s2kwm6kc4l.js\",\"/_next/static/immutable/chunks/2go8a1av99lye.js\",\"/_next/static/immutable/chunks/3q2y9iwufuqfk.js\",\"/_next/static/immutable/chunks/1466py_aawmbz.js\",\"/_next/static/immutable/chunks/2qq8g21ppkaht.js\",\"/_next/static/immutable/chunks/2e890d0tbyr04.js\",\"/_next/static/immutable/chunks/15_46uk6igtwl.js\",\"/_next/static/immutable/chunks/1p-n4si-e8hll.js\",\"/_next/static/immutable/chunks/3ah1qll_5-5na.js\"],\"StickyCTABar\"]\n22:I[407988,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\",\"/_next/static/immutable/chunks/3_jy47p9mgt9t.js\",\"/_next/static/immutable/chunks/19c177nnzzyyr.js\",\"/_next/static/immutable/chunks/2gkhlj2x41kn3.js\",\"/_next/static/immutable/chunks/1x7s2kwm6kc4l.js\",\"/_next/static/immutable/chunks/2go8a1av99lye.js\",\"/_next/static/immutable/chunks/3q2y9iwufuqfk.js\",\"/_next/static/immutable/chunks/1466py_aawmbz.js\",\"/_next/static/immutable/chunks/2qq8g21ppkaht.js\",\"/_next/static/immutable/chunks/2e890d0tbyr04.js\",\"/_next/static/immutable/chunks/15_46uk6igtwl.js\",\"/_next/static/immutable/chunks/1p-n4si-e8hll.js\",\"/_next/static/immutable/chunks/3ah1qll_5-5na.js\"],\"Navbar\"]\n24:I[839329,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\",\"/_next/static/immutable/chunks/3_jy47p9mgt9t.js\",\"/_next/static/immutable/chunks/19c177nnzzyyr.js\",\"/_next/static/immutable/chunks/2gkhlj2x41kn3.js\",\"/_next/static/immutable/chunks/1x7s2kwm6kc4l.js\",\"/_next/static/immutable/chunks/2go8a1av99lye.js\",\"/_next/static/immutable/chunks/3q2y9iwufuqfk.js\",\"/_next/static/immutable/chunks/1466py_aawmbz.js\",\"/_next/static/immutable/chunks/2qq8g21ppkaht.js\",\"/_next/static/immutable/chunks/2e890d0tbyr04.js\",\"/_next/static/immutable/chunks/15_46uk6igtwl.js\",\"/_next/static/immutable/chunks/1p-n4si-e8hll.js\",\"/_next/static/immutable/chunks/3ah1qll_5-5na.js\"],\"HeroVersionB\"]\n25:I[652157,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\",\"/_next/static/immutable/chunks/3_jy47p9mgt9t.js\",\"/_next/static/immutable/chunks/19c177nnzzyyr.js\",\"/_next/static/immutable/chunks/2gkhlj2x41kn3.js\",\"/_next/static/immutable/chunks/1x7s2kwm6kc4l.js\",\"/_next/static/immutable/chunks/2go8a1av99lye.js\",\"/_next/static/immutable/chunks/3q2y9iwufuqfk.js\",\"/_next/static/immutable/chunks/1466py_aawmbz.js\",\"/_next/static/immutable/chunks/2qq8g21ppkaht.js\",\"/_next/static/immutable/chunks/2e890d0tbyr04.js\",\"/_next/static/immutable/chunks/15_46uk6igtwl.js\",\"/_next/static/immutable/chunks/1p-n4si-e8hll.js\",\"/_next/static/immutable/chunks/3ah1qll_5-5na.js\"],\"PreloadChunks\"]\n23:T7fc,{\"@context\":\"https://schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What is Memberstack?\",\"acceptedA
138nswer\":{\"@type\":\"Answer\",\"text\":\"Memberstack is a membership and authentication platform that adds user login, Stripe payments, and gated content to any website. It works with Webflow, WordPress, custom code, and AI-built sites — handling auth, billing, and member data so you don't have to build them yourself.\"}},{\"@type\":\"Question\",\"name\":\"How do I add memberships to a Webflow site?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Add Memberstack to Webflow by pasting a single script and using data attributes to mark login, signup, and gated elements — no custom code required. Memberstack handles authentication, Stripe payments, and content gating while you keep full control of your Webflow design. See the \\u003ca href=\\\"/with/webflow\\\"\\u003eWebflow guide\\u003c/a\\u003e to get started.\"}},{\"@type\":\"Question\",\"name\":\"How long does it take to launch?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Most builders have authentication, payments, and gated content working in under 30 minutes, and a full membership site live within a weekend. There's no backend to build — you connect Memberstack, gate your content, and launch.\"}},{\"@type\":\"Question\",\"name\":\"How much does Memberstack cost?\",\"acceptedA
138nswer\":{\"@type\":\"Answer\",\"text\":\"Memberstack is free until you launch. You only pay once your site goes live. Paid plans start low and scale with your members, with a transaction fee that shrinks as you grow: 4% on Basic, 2% on Professional, 0.9% on Business, and 0% on Established, plus standard Stripe fees. See the \\u003ca href=\\\"/pricing\\\"\\u003epricing page\\u003c/a\\u003e for full details.\"}},{\"@type\":\"Question\",\"name\":\"Does Memberstack work without Webflow?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Memberstack works on any website — WordPress, custom HTML, React, and AI-built sites included. Anywhere you can add a script tag, you can add Memberstack authentication, payments, and gating.\"}}]}18:[\"$\",\"div\",null,{\"className\":\"min-h-screen bg-white\",\"children\":[[\"$\",\"$L21\",null,{\"targetId\":\"hero-cta-button\"}],[\"$\",\"$L22\",null,{}],[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$23\"}}],[\"$\",\"main\",null,{\"children\":[[\"$\",\"$L24\",null,{}],[[\"$\",\"$L25\",null,{\"moduleIds\":[\"5822134394909492181\"]}],\"$L26\"],[[\"$\",\"$L25\",null,{\"moduleIds\":[\"7585198584074595792\"]}],\"$L27\"],[[\"$\",\"$L25\",null,{\"moduleIds\":[\"916812476696878330\"]}],\"$L28\"],[[\"$\",\"$L25\",null,{\"moduleIds\":[29245]}],\"$L29\"],[[\"$\",\"$L25\",null,{\"moduleIds\":[\"9275869136326337190\"]}],\"$L2a\"]]}]],[\"$\",\"footer\",null,{\"className\":\"bg-white border-t border-border pb-24\",\"hide-if-embed\":\"true\",\"children\":[[\"$\",\"div\",null,{\"className\":\"container-main py-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 lg:grid-cols-4 gap-x-8 gap-y-10 lg:gap-x-12\",\"children\":[[\"$\",\"div\",\"Product\",{\"className\":\"space-y-10\",\"children\":[[[\"$\",\"div\",\"Product\",{\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-semibold text-foreground mb-4\",\"children\":\"Product\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"li\",\"Full Feature List\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/features\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Full Feature List\",\"$undefined\"]}]}],[\"$\",\"li\",\"User Accounts\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/features?area=authentication\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"User Accounts\",\"$undefined\"]}]}],[\"$\",\"li\",\"Gated Content\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/features/content-gating\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Gated Content\",\"$undefined\"]}]}],\"$L2b\",\"$L2c\",\"$L2d\",\"$L2e\"]}]]}]],\"$L2f\"]}],\"$L30\",\"$L31\",\"$L32\"]}],\"$L33\"]}],\"$L34\"]}]]}]\n"])</script>
138<script>self.__next_f.push([1,"36:I[6933,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\",\"/_next/static/immutable/chunks/3_jy47p9mgt9t.js\",\"/_next/static/immutable/chunks/19c177nnzzyyr.js\",\"/_next/static/immutable/chunks/2gkhlj2x41kn3.js\",\"/_next/static/immutable/chunks/1x7s2kwm6kc4l.js\",\"/_next/static/immutable/chunks/2go8a1av99lye.js\",\"/_next/static/immutable/chunks/3q2y9iwufuqfk.js\",\"/_next/static/immutable/chunks/1466py_aawmbz.js\",\"/_next/static/immutable/chunks/2qq8g21ppkaht.js\",\"/_next/static/immutable/chunks/2e890d0tbyr04.js\",\"/_next/static/immutable/chunks/15_46uk6igtwl.js\",\"/_next/static/immutable/chunks/1p-n4si-e8hll.js\",\"/_next/static/immutable/chunks/3ah1qll_5-5na.js\"],\"BeforeAfter\"]\n37:I[204551,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\",\"/_next/static/immutable/chunks/3_jy47p9mgt9t.js\",\"/_next/static/immutable/chunks/19c177nnzzyyr.js\",\"/_next/static/immutable/chunks/2gkhlj2x41kn3.js\",\"/_next/static/immutable/chunks/1x7s2kwm6kc4l.js\",\"/_next/static/immutable/chunks/2go8a1av99lye.js\",\"/_next/static/immutable/chunks/3q2y9iwufuqfk.js\",\"/_next/static/immutable/chunks/1466py_aawmbz.js\",\"/_next/static/immutable/chunks/2qq8g21ppkaht.js\",\"/_next/static/immutable/chunks/2e890d0tbyr04.js\",\"/_next/static/immutable/chunks/15_46uk6igtwl.js\",\"/_next/static/immutable/chunks/1p-n4si-e8hll.js\",\"/_next/static/immutable/chunks/3ah1qll_5-5na.js\"],\"CustomerProof\"]\n38:I[436940,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\",\"/_next/static/immutable/chunks/3_jy47p9mgt9t.js\",\"/_next/static/immutable/chunks/19c177nnzzyyr.js\",\"/_next/static/immutable/chunks/2gkhlj2x41kn3.js\",\"/_next/static/immutable/chunks/1x7s2kwm6kc4l.js\",\"/_next/static/immutable/chunks/2go8a1av99lye.js\",\"/_next/static/immutable/chunks/3q2y9iwufuqfk.js\",\"/_next/static/immutable/chunks/1466py_aawmbz.js\",\"/_next/static/immutable/chunks/2qq8g21ppkaht.js\",\"/_next/static/immutable/chunks/2e890d0tbyr04.js\",\"/_next/static/immutable/chunks/15_46uk6igtwl.js\",\"/_next/static/immutable/chunks/1p-n4si-e8hll.js\",\"/_next/static/immutable/chunks/3ah1qll_5-5na.js\"],\"FeaturesGrid\"]\n39:I[544532,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\",\"/_next/static/immutable/chunks/3_jy47p9mgt9t.js\",\"/_next/static/immutable/chunks/19c177nnzzyyr.js\",\"/_next/static/immutable/chunks/2gkhlj2x41kn3.js\",\"/_next/static/immutable/chunks/1x7s2kwm6kc4l.js\",\"/_next/static/immutable/chunks/2go8a1av99lye.js\",\"/_next/static/immutable/chunks/3q2y9iwufuqfk.js\",\"/_next/static/immutable/chunks/1466py_aawmbz.js\",\"/_next/static/immutable/chunks/2qq8g21ppkaht.js\",\"/_next/static/immutable/chunks/2e890d0tbyr04.js\",\"/_next/static/immutable/chunks/15_46uk6igtwl.js\",\"/_next/static/immutable/chunks/1p-n4si-e8hll.js\",\"/_next/static/immutable/chunks/3ah1qll_5-5na.js\"],\"FAQ\"]\n3a:I[978366,[\"/_next/static/immutable/chunks/1v7po_mcbuize.js\",\"/_next/static/immutable/chunks/1_3rt63dscdez.js\",\"/_next/static/immutable/chunks/3_jy47p9mgt9t.js\",\"/_next/static/immutable/chunks/19c177nnzzyyr.js\",\"/_next/static/immutable/chunks/2gkhlj2x41kn3.js\",\"/_next/static/immutable/chunks/1x7s2kwm6kc4l.js\",\"/_next/static/immutable/chunks/2go8a1av99lye.js\",\"/_next/static/immutable/chunks/3q2y9iwufuqfk.js\",\"/_next/static/immutable/chunks/1466py_aawmbz.js\",\"/_next/static/immutable/chunks/2qq8g21ppkaht.js\",\"/_next/static/immutable/chunks/2e890d0tbyr04.js\",\"/_next/static/immutable/chunks/15_46uk6igtwl.js\",\"/_next/static/immutable/chunks/1p-n4si-e8hll.js\",\"/_next/static/immutable/chunks/3ah1qll_5-5na.js\"],\"CTASection\"]\n2b:[\"$\",\"li\",\"Secure Payments\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/features?area=payments\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Secure Payments\",\"$undefined\"]}]}]\n2c:[\"$\",\"li\",\"Data Tables\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/features/datatables\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Data Tables\",\"$undefined\"]}]}]\n2d:[\"$\",\"li\",\"Email Campaigns\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/features/email-campaigns\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Email Campaigns\",\"$undefined\"]}]}]\n2e:[\"$\",\"li\",\"API \u0026 Integrations\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/product/api-integrations\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"API \u0026 Integrations\",\"$undefined\"]}]}]\n2f:[\"$\",\"div\",null,{\"className\":\"pt-6 border-t border-border\",\"children\":[\"$\",\"ul\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"li\",\"Create a new account\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://app.memberstack.com/signup\",\"data-ph-capture\":\"getstartedclicked\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Create a new account\",\"$undefined\"]}]}],[\"$\",\"li\",\"2.0 Log in\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://app.memberstack.com/login\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"2.0 Log in\",\"$undefined\"]}]}],[\"$\",\"li\",\"1.0 Log in\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://app.memberstack.io/login\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"1.0 Log in\",\"$undefined\"]}]}],[\"$\",\"li\",\"Pricing\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/pricing\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Pricing\",\"$undefined\"]}]}]]}]}]\n30:[\"$\",\"div\",\"Build with\",{\"className\":\"space-y-10\",\"children\":[[[\"$\",\"div\",\"Build with\",{\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-semibold text-foreground mb-4\",\"children\":\"Build with\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"li\",\"Webflow\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/with/webflow\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Webflow\",\"$undefined\"]}]}],[\"$\",\"li\",\"Webflow Hub\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/hub/webflow\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Webflow Hub\",\"$undefined\"]}]}],[\"$\",\"li\",\"WordPress\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://wordpress.memberstack.com/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"WordPress\",\"$undefined\"]}]}],[\"$\",\"li\",\"WordPress Hub\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/hub/wordpress\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"WordPress Hub\",\"$undefined\"]}]}],[\"$\",\"li\",\"Claude Code\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/with/claude-code\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Claude Code\",\"$undefined\"]}]}],[\"$\",\"li\",\"Vibe Coding\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/vibe-coding\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Vibe Coding\",\"$undefined\"]}]}],[\"$\",\"li\",\"Vibe Coding Hub\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/hub/vibe-coding\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Vibe Coding Hub\",\"$undefined\"]}]}],[\"$\",\"li\",\"Developer Hub\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/hub/development\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Developer Hub\",\"$undefined\"]}]}]]}]]}],[\"$\",\"div\",\"Who it's for\",{\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-semibold text-foreground mb-4\",\"children\":\"Who it's for\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"li\",\"Agencies \u0026 Freelancers\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/for/agencies\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Agencies \u0026 Freelancers\",\"$undefined\"]}]}],[\"$\",\"li\",\"Designers\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/for/designers\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Designers\",\"$undefined\"]}]}],[\"$\",\"li\",\"Developers\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/for/developers\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Developers\",\"$undefined\"]}]}],[\"$\",\"li\",\"Founders\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/for/founders\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Founders\",\"$undefined\"]}]}],[\"$\",\"li\",\"Marketers\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/for/marketers\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Marketers\",\"$undefined\"]}]}],[\"$\",\"li\",\"Education\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/for/education\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Education\",\"$undefined\"]}]}],[\"$\",\"li\",\"Fitness\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/for/fitness\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Fitness\",\"$undefined\"]}]}]]}]]}]],false]}]\n31:[\"$\",\"div\",\"Resources\",{\"className\":\"space-y-10\",\"children\":[[[\"$\",\"div\",\"Resources\",{\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-semibold text-foreground mb-4\",\"children\":\"Resources\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"li\",\"Free Tools\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/tools\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Free Tools\",\"$undefined\"]}]}],[\"$\",\"li\",\"Templates\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/templates\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Templates\",\"$undefined\"]}]}],[\"$\",\"li\",\"Components\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/webflow-components\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Components\",\"$undefined\"]}]}],[\"$\",\"li\",\"MemberScripts\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/memberscripts\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"MemberScripts\",\"$undefined\"]}]}],[\"$\",\"li\",\"Data Attributes\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/data-attributes\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Data Attributes\",\"$undefined\"]}]}],[\"$\",\"li\",\"Find Experts\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/expert
138s\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Find Experts\",\"$undefined\"]}]}],[\"$\",\"li\",\"Blog\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/blog\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Blog\",\"$undefined\"]}]}],[\"$\",\"li\",\"llms.txt (for AI)\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/llms.txt\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"llms.txt (for AI)\",\"$undefined\"]}]}],[\"$\",\"li\",\"llms-full.txt (for AI)\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/llms-full.txt\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"llms-full.txt (for AI)\",\"$undefined\"]}]}]]}]]}],[\"$\",\"div\",\"Guides \u0026 support\",{\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-semibold text-foreground mb-4\",\"children\":\"Guides \u0026 support\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"li\",\"Hiring Guide\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/hiring-guide\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Hiring Guide\",\"$undefined\"]}]}],[\"$\",\"li\",\"Charts from Data Tables\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/charts-data-tables\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Charts from Data Tables\",\"$undefined\"]}]}],[\"$\",\"li\",\"PayPal Integration Guide\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/paypal-integration\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"PayPal Integration Guide\",\"$undefined\"]}]}],[\"$\",\"li\",\"AWS S3 File Uploader\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/aws-s3-file-uploader\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"AWS S3 File Uploader\",\"$undefined\"]}]}],[\"$\",\"li\",\"Vercel Blob File Uploader\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/vercel-blob-uploader\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Vercel Blob File Uploader\",\"$undefined\"]}]}],[\"$\",\"li\",\"Help Center\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://docs.memberstack.com/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Help Center\",\"$undefined\"]}]}],[\"$\",\"li\",\"Support Forum\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://docs.memberstack.com/hc/en-us/community/posts\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Support Forum\",\"$undefined\"]}]}],[\"$\",\"li\",\"Webflow Slack Community\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/slacks\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Webflow Slack Community\",\"$undefined\"]}]}],[\"$\",\"li\",\"WordPress Slack Community\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/slacks\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"WordPress Slack Community\",\"$undefined\"]}]}]]}]]}]],false]}]\n32:[\"$\",\"div\",\"Why Memberstack\",{\"className\":\"space-y-10\",\"children\":[[[\"$\",\"div\",\"Why Memberstack\",{\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-semibold text-foreground mb-4\",\"children\":\"Why Memberstack\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"li\",\"Why Memberstack\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/why-memberstack\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Why Memberstack\",\"$undefined\"]}]}],[\"$\",\"li\",\"Showcase\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/showcase\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Showcase\",\"$undefined\"]}]}],[\"$\",\"li\",\"Testimonials\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/testimonials\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Testimonials\",\"$undefined\"]}]}],[\"$\",\"li\",\"Compare Every Alternative\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/memberstack-comparison\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Compare Every Alternative\",\"$undefined\"]}]}],[\"$\",\"li\",\"Memberstack vs Outseta\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/alternative/memberstack-vs-outseta\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Memberstack vs Outseta\",\"$undefined\"]}]}],[\"$\",\"li\",\"Memberstack vs MemberSpace\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/alternative/memberstack-vs-memberspace\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Memberstack vs MemberSpace\",\"$undefined\"]}]}],[\"$\",\"li\",\"Memberstack vs Webflow Memberships\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/alternative/memberstack-vs-webflow-memberships\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Memberstack vs Webflow Memberships\",\"$undefined\"]}]}],[\"$\",\"li\",\"Memberstack vs MemberPress\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/alternative/memberstack-vs-memberpress\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Memberstack vs MemberPress\",\"$undefined\"]}]}],[\"$\",\"li\",\"Migrate from Webflow User Accounts\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/migrate-from-webflow-user-accounts\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Migrate from Webflow User Accounts\",\"$undefined\"]}]}]]}]]}],[\"$\",\"div\",\"Company\",{\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-semibold text-foreground mb-4\",\"children\":\"Company\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"li\",\"About\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/about\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"About\",\"$undefined\"]}]}],[\"$\",\"li\",\"Careers\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/careers\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Careers\",\"$undefined\"]}]}],[\"$\",\"li\",\"Changelog\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/changelog\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Changelog\",\"$undefined\"]}]}],[\"$\",\"li\",\"Brand \u0026 Logo\",{\"children\":[\"$\",\"a\",null,{\"href\":\"/brand/logo\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Brand \u0026 Logo\",\"$undefined\"]}]}],[\"$\",\"li\",\"Partnerships\",{\"children\":[\"$\",\"a\",null,{\"href\":\"mailto:[email protected]\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Partnerships\",[\"$\",\"sup\",null,{\"className\":\"text-xs ml-0.5\",\"children\":\"(email)\"}]]}]}],[\"$\",\"li\",\"Contact Us\",{\"children\":[\"$\",\"a\",null,{\"href\":\"mailto:[email protected]\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"Contact Us\",[\"$\",\"sup\",null,{\"className\":\"text-xs ml-0.5\",\"children\":\"(email)\"}]]}]}],[\"$\",\"li\",\"X\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://x.com/memberstack\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"X\",\"$undefined\"]}]}],[\"$\",\"li\",\"LinkedIn\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/company/memberstack\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"LinkedIn\",\"$undefined\"]}]}],\"$L35\"]}]]}]],false]}]\n33:[\"$\",\"div\",null,{\"className\":\"mt-12 pt-8 border-t border-border flex flex-wrap items-center gap-3\",\"children\":[[\"$\",\"a\",null,{\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"href\":\"https://docs.memberstack.com/hc/en-us/articles/11420444005531-Security-Policy\",\"className\":\"bg-white border border-border rounded-xl p-3 flex items-center gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-10 h-10 rounded-full bg-[#1e3a5f] flex items-center justify-center shrink-0\",\"children\":[\"$\",\"span\",null,{\"className\":\"text-white text-[10px] font-bold leading-none text-center\",\"children\":[\"AICPA\",[\"$\",\"br\",null,{}],\"SOC\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-semibold text-primary text-xs\",\"children\":\"SOC 2 TYPE 1\"}],[\"$\",\"p\",null,{\"className\":\"text-[10px] text-primary tracking-widest\",\"children\":\"CERTIFIED\"}]]}]]}],[\"$\",\"a\",null,{\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"href\":\"https://docs.memberstack.com/hc/en-us/articles/11419812024347-Privacy-Policy\",\"className\":\"bg-white border border-border rounded-xl p-3 flex items-center gap-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-8 h-8 rounded-lg bg-[#1e3a8a] flex items-center justify-center shrink-0\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
138:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-lock w-4 h-4 text-yellow-400\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"rect\",\"1w4ew1\",{\"width\":\"18\",\"height\":\"11\",\"x\":\"3\",\"y\":\"11\",\"rx\":\"2\",\"ry\":\"2\"}],[\"$\",\"path\",\"fwvmzm\",{\"d\":\"M7 11V7a5 5 0 0 1 10 0v4\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-bold text-foreground text-sm\",\"children\":\"GDPR\"}],[\"$\",\"p\",null,{\"className\":\"text-[10px] text-muted-foreground\",\"children\":\"COMPLIANT\"}]]}]]}],[\"$\",\"a\",null,{\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"href\":\"https://docs.memberstack.com/hc/en-us/articles/11419812024347-Privacy-Policy\",\"className\":\"bg-white border border-border rounded-xl p-3 flex items-center gap-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-8 h-8 rounded-lg bg-[#1e3a8a] flex items-center justify-center shrink-0\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-file-text w-4 h-4 text-blue-300\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1oefj6\",{\"d\":\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"}],[\"$\",\"path\",\"wfsgrz\",{\"d\":\"M14 2v5a1 1 0 0 0 1 1h5\"}],[\"$\",\"path\",\"b1mrlr\",{\"d\":\"M10 9H8\"}],[\"$\",\"path\",\"t4e002\",{\"d\":\"M16 13H8\"}],[\"$\",\"path\",\"z1uh3a\",{\"d\":\"M16 17H8\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-bold text-foreground text-sm\",\"children\":\"CCPA\"}],[\"$\",\"p\",null,{\"className\":\"text-[10px] text-muted-foreground\",\"children\":\"COMPLIANT\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"ml-auto\",\"children\":[\"$\",\"iframe\",null,{\"src\":\"https://status.memberstack.com/badge?theme=light\",\"width\":\"250\",\"height\":\"30\",\"frameBorder\":\"0\",\"scrolling\":\"no\",\"loading\":\"lazy\",\"style\":{\"colorScheme\":\"normal\"},\"title\":\"Memberstack Status\"}]}]]}]\n34:[\"$\",\"div\",null,{\"className\":\"border-t border-border\",\"children\":[\"$\",\"div\",null,{\"className\":\"container-main py-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col md:flex-row items-center justify-between gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-4 text-sm text-muted-foreground\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://docs.memberstack.com/hc/en-us/articles/11419812024347-Privacy-Policy\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"hover:text-primary transition-colors\",\"children\":\"Privacy Policy\"}],[\"$\",\"a\",null,{\"href\":\"https://docs.memberstack.com/hc/en-us/articles/11420153399067-Terms-of-Service\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"hover:text-primary transition-colors\",\"children\":\"Terms of Service\"}],[\"$\",\"a\",null,{\"href\":\"https://docs.memberstack.com/hc/en-us/articles/11420007709467-Cookie-Policy\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"hover:text-primary transition-colors\",\"children\":\"Cookie Policy\"}],[\"$\",\"a\",null,{\"href\":\"https://docs.memberstack.com/hc/en-us/articles/11420444005531-Security-Policy\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"hover:text-primary transition-colors\",\"children\":\"Security Policy\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground\",\"children\":[\"© Memberstack Inc. 2018 - \",2026,\". All rights reserved.\"]}]]}],[\"$\",\"a\",null,{\"href\":\"https://www.producthunt.com/posts/memberstack?embed=true\u0026utm_source=badge-featured\u0026utm_medium=badge\u0026utm_souce=badge-memberstack\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[\"$\",\"img\",null,{\"src\":\"https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=160626\u0026theme=light\",\"alt\":\"Memberstack - The no-code membership platform for any website | Product Hunt\",\"width\":\"250\",\"height\"
138:\"54\",\"loading\":\"lazy\",\"decoding\":\"async\",\"style\":{\"width\":\"250px\",\"height\":\"54px\"}}]}]]}]}]}]\n26:[\"$\",\"$L36\",null,{\"testimonialAvatars\":[{\"_id\":\"DCKAUPmCmLW4kbXeHwheQH\",\"author\":\"Ben Parker\",\"company\":null,\"image\":null,\"profilePhoto\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-05ceeae6262fa64cfa09f6ca9f352f276eb3a59d-120x120-jpg\",\"_type\":\"reference\"}},\"quote\":\"Memberstack is such an incredible membership platform AND they have an incredible team that's easy to work with. One of my favorite platforms!\",\"role\":\"Strategic Technical Architect @ Webflow\"},{\"_id\":\"DCKAUPmCmLW4kbXeHwhiQ7\",\"author\":\"Félix Meens\",\"company\":null,\"image\":null,\"profilePhoto\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-e804bafaadf8ac37b054747b24d76b50a4d926a7-400x400-jpg\",\"_type\":\"reference\"}},\"quote\":\"Been building a membership site with Memberstack and Jetboost for a client. Feels like magic building with these tools. As someone who’s worked in an agency where some of these apps were coded from scratch, I finally get the hype now. This is a lot faster and a lot cheaper.\",\"role\":\"Webflow Expert, Webflix Studio\"},{\"_id\":\"fScQ7snoE2r9n7mhmBlXDd\",\"author\":\"Marvin Kaunda\",\"company\":null,\"image\":null,\"profilePhoto\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-ae5fcbd7d6d8c0078539bca8b550a7bd8f54a9bd-200x200-jpg\",\"_type\":\"reference\"}},\"quote\":\"Memberstack + Webflow = \u003c3\\\" - Memberstack is extremely easy to integrate with Webflow (which I use for my freelance work) and founder-friendly pricing.\",\"role\":\"Founder, CocktailAndDinner\"},{\"_id\":\"mVyIOiErI1DxfYCpbCWMgo\",\"author\":\"Jason Tinnin\",\"company\":null,\"image\":null,\"profilePhoto\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-31a7ad3bd10e0d9ccc83fcc63cbc5b67ce4a501e-400x400-jpg\",\"_type\":\"reference\"}},\"quote\":\"I spent two months building a login system to run FlowPros...then ditched after I saw this.  It's an amazing solution for the community to add membership capabilities with very little effort.\",\"role\":\"FlowPros.com\"},{\"_id\":\"mVyIOiErI1DxfYCpbCWSbG\",\"author\":\"Osama Nasr\",\"company\":null,\"image\":null,\"profilePhoto\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-5da0c5d3de20cb296f61ea7c660ca8175cc5762a-96x96-png\",\"_type\":\"reference\"}},\"quote\":\"Best Membership Backend for Webflow! - Easy setup and integration with Webflow websites.\",\"role\":\"Marketing Manager, Alef Studios\"}]}]\n27:[\"$\",\"$L37\",null,{\"testimonials\":[{\"id\":\"DCKAUPmCmLW4kbXeHwhkQ2\",\"quote\":\"Great service - I am very impressed by how easy it is to integrate their service into an existing site.\",\"author\":\"Steve Coleman (scole)\",\"role\":\"co-founder\",\"company\":null,\"image\":null,\"profilePhoto\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-aa2652331bfe0d274024907be2108b12008e10a3-120x120-jpg\",\"_type\":\"reference\"}},\"featured\":null},{\"id\":\"DCKAUPmCmLW4kbXeHwhkZZ\",\"quote\":\"This is a huge leap forward to the no-code movement. Eager to see it grow. Duncan is on to something really huge... I said it first.\",\"author\":\"Tayler Freund\",\"role\":\"UI UX Designer @ Pixel\",\"company\":null,\"image\":null,\"profilePhoto\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-fcb53cbd2fc5dbf8da641f03826e898616250247-128x128-jpg\",\"_type\":\"reference\"}},\"featured\":null},{\"id\":\"DCKAUPmCmLW4kbXeHwhkck\",\"quote\":\"Memberstack made Webflow twice as valuable for me.\\n\\nThe docs for using Memberstack are extremely well done. Setting up Memberstack is so smooth.\",\"author\":\"Thomas Boosinger\",\"role\":\"CEO at MyAIScholar\",\"company\":null,\"image\":null,\"profilePhoto\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-2c18f374a00b2733acee7440e8496a6157721728-200x200-jpg\",\"_type\":\"reference\"}},\"featured\":null},{\"id\":\"DCKAUPmCmLW4kbXeHwhkfv\",\"quote\":\"Awesome service by the Memberstack team. I recently implemented my first site with paid memberships and gated content - Super easy.\",\"author\":\"Tim Daff\",\"role\":\"Website Designer\",\"company\":null,\"image\":null,\"profilePhoto\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-ea658ff2f874dd78c6eff2b87a043bbec8c92140-128x128-jpg\",\"_type\":\"reference\"}},\"featured\":null},{\"id\":\"DCKAUPmCmLW4kbXeHwhksd\",\"quote\":\"I love Memberstack and use it regularly. It's an amazing product, thank you so much :)\",\"author\":\"Tony Maguire\",\"role\":\"getstreak.com\",\"company\":null,\"image\":null,\"profilePhoto\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-f3a1bd536f83e82bac3ee79293c92c396d619ba8-60x60-jpg\",\"_type\":\"reference\"}},\"featured\":null},{\"id\":\"DCKAUPmCmLW4kbXeHwhkvo\",\"quote\":\"Great site , Easy to navigate , Good customer service - The site is easy to navigate and customer service is knowledgable and quick to respond.\",\"author\":\"Tracy Schneider\",\"role\":\"Owner, MySpaList\",\"company\":null,\"image\":null,\"profilePhoto\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-15ad0b98e7b52276f1af22493fe3eabaaff1eebc-69x69-svg\",\"_type\":\"reference\"}},\"featured\":null},{\"id\":\"DCKAUPmCmLW4kbXeHwhkyz\",\"quote\":\"For me I have used Memberstack for more than 4 client projects and the reason is because of the community behind it.\",\"author\":\"Tsaaid\",\"role\":\"Freelance softw
138are engineer\",\"company\":null,\"image\":null,\"profilePhoto\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-15ad0b98e7b52276f1af22493fe3eabaaff1eebc-69x69-svg\",\"_type\":\"reference\"}},\"featured\":null},{\"id\":\"fScQ7snoE2r9n7mhmBlXof\",\"quote\":\"Wow, shoutout @MemberstackApp for some truly accommodating, generous, awesome customer service.\",\"author\":\"Dan Pierson\",\"role\":null,\"company\":null,\"image\":null,\"profilePhoto\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-50809b8655f354cc770ca70e51c33101fde075b5-128x128-jpg\",\"_type\":\"reference\"}},\"featured\":null},{\"id\":\"fScQ7snoE2r9n7mhmBlXsH\",\"quote\":\"I'm amazed at what you folks have created. Awesome product, great customer experience...and with a small team. Keep up the great work!\",\"author\":\"Keith\",\"role\":null,\"company\":null,\"image\":null,\"profilePhoto\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-9039729cd6b56a6d26fc5f44c278bb2be263d722-128x128-jpg\",\"_type\":\"reference\"}},\"featured\":null},{\"id\":\"fScQ7snoE2r9n7mhmBlXtB\",\"quote\":\"Thanks for your help and your amazing product! You have a good impact on the no-code industry :)\\n\",\"author\":\"Gabriel Amzallag\",\"role\":null,\"company\":null,\"image\":null,\"profilePhoto\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-a38c5ca03a7931a5503ec57bcc088a767cd16902-128x128-jpg\",\"_type\":\"reference\"}},\"featured\":null},{\"id\":\"fScQ7snoE2r9n7mhmBlXwn\",\"quote\":\"Memberstack has allowed us to think outside the box with our website and with our business.\",\"author\":\"Sam Naus\",\"role\":\"Designer \u0026 Visual Artist.\",\"company\":null,\"image\":null,\"profilePhoto\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-5b3793f8283ef3cb1f8f8c682d1fc4a3db4acfcb-100x100-jpg\",\"_type\":\"reference\"}},\"featured\":null},{\"id\":\"fScQ7snoE2r9n7mhmBlY0P\",\"quote\":\"Good software to manage user accounts. From their Integrations, to their support team, an pricing.\",\"author\":\"Saurabh Singh\",\"role\":\"Talent Acquisition\",\"company\":null,\"image\":null,\"profilePhoto\":{\"_type\":\"image\",\"asset\":{\"_ref\":\"image-e27584421abab1fd2634f6dfe35da471ed95688c-200x200-jpg\",\"_type\":\"reference\"}},\"featured\":null}]}]\n28:[\"$\",\"$L38\",null,{}]\n29:[\"$\",\"$L39\",null,{\"customSections\":[{\"title\":\"About Memberstack\",\"items\":[{\"question\":\"What is Memberstack?\",\"answer\":\"Memberstack is a membership and authentication platform that adds user login, Stripe payments, and gated content to any website. It works with Webflow, WordPress, custom code, and AI-built sites — handling auth, billing, and member data so you don't have to build them yourself.\"},{\"question\":\"How do I add memberships to a Webflow site?\",\"answer\":\"Add Memberstack to Webflow by pasting a single script and using data attributes to mark login, signup, and gated elements — no custom code required. Memberstack handles authentication, Stripe payments, and content gating while you keep full control of your Webflow design. See the \u003ca href=\\\"/with/webflow\\\"\u003eWebflow guide\u003c/a\u003e to get started.\"},{\"question\":\"How long does it take to launch?\",\"answer\":\"Most builders have authentication, payments, and gated content working in under 30 minutes, and a full membership site live within a weekend. There's no backend to build — you connect Memberstack, gate your content, and launch.\"},{\"question\":\"How much does Memberstack cost?\",\"answer\":\"Memberstack is free until you lau
138nch. You only pay once your site goes live. Paid plans start low and scale with your members, with a transaction fee that shrinks as you grow: 4% on Basic, 2% on Professional, 0.9% on Business, and 0% on Established, plus standard Stripe fees. See the \u003ca href=\\\"/pricing\\\"\u003epricing page\u003c/a\u003e for full details.\"},{\"question\":\"Does Memberstack work without Webflow?\",\"answer\":\"Yes. Memberstack works on any website — WordPress, custom HTML, React, and AI-built sites included. Anywhere you can add a script tag, you can add Memberstack authentication, payments, and gating.\"}]}]}]\n2a:[\"$\",\"$L3a\",null,{\"id\":\"cta\",\"gradientId\":\"cta-underline\",\"eyebrow\":\"Ready when you are\",\"headline\":{\"prefix\":\"Build something\",\"highlight\":\"extraordinary\"},\"subheadline\":\"Memberstack is completely free until you launch. No credit card required. Start building your membership site in minutes.\",\"primaryButton\":{\"text\":\"Start building free\",\"href\":\"https://app.memberstack.com/signup\"},\"secondaryButton\":{\"text\":\"View documentation\",\"href\":\"https://docs.memberstack.com\",\"external\":true},\"trustIndicators\":[\"Free until launch\",\"No credit card required\",\"Setup in 5 minutes\"]}]\n"])</script>
138<script>self.__next_f.push([1,"35:[\"$\",\"li\",\"\\\"Do Not Sell My Data\\\" Promise\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://docs.memberstack.com/hc/en-us/articles/18535105629595\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-sm text-muted-foreground hover:text-primary transition-colors\",\"children\":[\"\\\"Do Not Sell My Data\\\" Promise\",\"$undefined\"]}]}]\n"])</script>
138</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.