<!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/media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/images/logos/memberstack-full.svg"/><link rel="stylesheet" href="/_next/static/chunks/2mlim0q8qpqmp.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/2uonawtqmfc5p.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/25y-osj0nv4zt.js"/><script src="/_next/static/chunks/0u8qalq2-9p7d.js" async=""></script><script src="/_next/static/chunks/30noptyjc41qx.js" async=""></script><script src="/_next/static/chunks/2efm9qj40-8tn.js" async=""></script><script src="/_next/static/chunks/3vwvnj0p65481.js" async=""></script><script src="/_next/static/chunks/3zfboem_wpsry.js" async=""></script><script src="/_next/static/chunks/turbopack-1i2i4lkpml4hq.js" async=""></script><script src="/_next/static/chunks/2yo3rr3u3-rzo.js" async=""></script><script src="/_next/static/chunks/2z5k47xrqht--.js" async=""></script><script src="/_next/static/chunks/1s27zdch4c1sr.js" async=""></script><script src="/_next/static/chunks/0-1pg3i3kq64d.js" async=""></script><script src="/_next/static/chunks/3s17k9y_0tinw.js" async=""></script><script src="/_next/static/chunks/42te-_a68gwmk.js" async=""></script><script src="/_next/static/chunks/3pap_gpr9nan4.js" async=""></script><script src="/_next/static/chunks/1upf_yyc6iyle.js" async=""></script><script src="/_next/static/chunks/398wlu-b6x33-.js" async=""></script><script src="/_next/static/chunks/41xqi6o6k8mkl.js" async=""></script><script src="/_next/static/chunks/24aj9mzd_w5em.js" async=""></script><script src="/_next/static/chunks/1b9197zxmuc83.js" async=""></script><script src="/_next/static/chunks/3y_8eijmiw-qt.js" async=""></script><script src="/_next/static/chunks/0pc4jwvjgqp4u.js" async=""></script><script src="/_next/static/chunks/0krgqx00xxzg5.js" async=""></script><script src="/_next/static/chunks/3kjisqqz88n4w.js" async=""></script><script src="/_next/static/chunks/0mtt7kzolabxr.js" async=""></script><link rel="preconnect" href="https://cdn.sanity.io"/><meta name="next-size-adjust" content=""/><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 launch."/><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.2dcz7elw991gp.ico" sizes="32x32" type="image/x-icon"/><link rel="icon" href="/favicon.ico"/><link rel="apple-touch-icon" href="/apple-touch-icon.png"/><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><script type="application/ld+json">[{"@context":"https://schema.org","@type":"Organization","name":"Memberstack","url":"https://www.memberstack.com","logo":"https://www.memberstack.com/images/memberstack-logo.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":"support@memberstack.com"}},{"@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><script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script></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><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PJDDMNF" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div id="main-content"><div class="min-h-screen bg-white"><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 href="/" class="flex items-center"><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 items-center gap-1"><div><button class="
        flex items-center gap-1 px-4 py-2 font-medium transition-colors rounded-lg
        text-foreground hover:text-primary hover:bg-gray-50
      " 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="
        flex items-center gap-1 px-4 py-2 font-medium transition-colors rounded-lg
        text-foreground hover:text-primary hover:bg-gray-50
      " 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 href="/pricing" 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">Pricing</a><div class="relative"><button class="
        flex items-center gap-1 px-4 py-2 font-medium transition-colors rounded-lg
        text-foreground hover:text-primary hover:bg-gray-50
      " 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 href="/api" 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">API</a></div><div class="flex items-center 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 lg:block"><a href="https://app.memberstack.com/signup" data-ph-capture="getstartedclicked" class="btn-primary text-sm px-5 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><!--/$--><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?","acceptedAnswer":{"@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><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="absolute inset-0 bg-[linear-gradient(to_right,#f0f0f0_1px,transparent_1px),linear-gradient(to_bottom,#f0f0f0_1px,transparent_1px)] bg-[size:4rem_4rem]"></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 launch.</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="" 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/HBO_Max_(2025).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/HBO_Max_(2025).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/HBO_Max_(2025).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(--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">Backgrounds</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">The 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" 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 truncate 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"><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" 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 truncate 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),
              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><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" 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" 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.

The 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" 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><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 "><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><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">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 <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 "><div class="inline-flex flex-col sm:flex-row items-center gap-4 p-6 bg-white rounded-2xl border border-gray-200/80 shadow-sm"><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><a href="https://docs.memberstack.com/hc/en-us/community/posts" target="_blank" rel="noopener noreferrer" class="btn-primary text-sm py-2.5 px-5">Ask in our Community</a></div></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">Memberstack 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 md:grid-cols-3 gap-8 lg:gap-12"><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="/product/api-integrations" class="text-sm text-muted-foreground hover:text-primary transition-colors">API &amp; Integrations</a></li><li><a href="/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="/with/webflow" class="text-sm text-muted-foreground hover:text-primary transition-colors">Memberstack &amp; Webflow</a></li><li><a href="/with/claude-code" class="text-sm text-muted-foreground hover:text-primary transition-colors">Memberstack &amp; Claude Code</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">Memberstack &amp; WordPress</a></li></ul><div class="mt-6 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 class="mt-6 pt-6 border-t border-border"><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><h4 class="font-semibold text-foreground mb-4">Learn about Memberstack</h4><ul class="space-y-3"><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="/why-memberstack" class="text-sm text-muted-foreground hover:text-primary transition-colors">Why Memberstack</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></ul><div class="mt-8"><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:partnerships@memberstack.com" 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:support@memberstack.com" 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><h4 class="font-semibold text-foreground mb-4">Resources</h4><ul class="space-y-3"><li><a href="/vibe-coding" class="text-sm text-muted-foreground hover:text-primary transition-colors">Vibe Coding</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="/hiring-guide" class="text-sm text-muted-foreground hover:text-primary transition-colors">Hiring Guide</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><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="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="/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 class="mt-8 space-y-3"><div 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"><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></div><div class="flex gap-2"><div class="bg-white border border-border rounded-xl p-3 flex items-center gap-2 flex-1"><div class="w-8 h-8 rounded-lg bg-[#1e3a8a] flex items-center justify-center"><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></div><div class="bg-white border border-border rounded-xl p-3 flex items-center gap-2 flex-1"><div class="w-8 h-8 rounded-lg bg-[#1e3a8a] flex items-center justify-center"><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></div></div></div></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 - 2025. 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><script src="/_next/static/chunks/25y-osj0nv4zt.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n3:I[479520,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\"],\"\"]\n8:I[253348,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\",\"/_next/static/chunks/0-1pg3i3kq64d.js\"],\"default\"]\n:HL[\"/_next/static/chunks/2mlim0q8qpqmp.css\",\"style\"]\n:HL[\"/_next/static/chunks/2uonawtqmfc5p.css\",\"style\"]\n:HL[\"/_next/static/media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:T637,"])</script><script>self.__next_f.push([1,"[{\"@context\":\"https://schema.org\",\"@type\":\"Organization\",\"name\":\"Memberstack\",\"url\":\"https://www.memberstack.com\",\"logo\":\"https://www.memberstack.com/images/memberstack-logo.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\":\"support@memberstack.com\"}},{\"@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><script>self.__next_f.push([1,"4:T6a3,"])</script><script>self.__next_f.push([1,"(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='+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          })();"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/2mlim0q8qpqmp.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/2uonawtqmfc5p.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/2z5k47xrqht--.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/1s27zdch4c1sr.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"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,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$2\"}}],[\"$\",\"$L3\",null,{\"id\":\"deferred-third-party\",\"strategy\":\"lazyOnload\",\"children\":\"$4\"}]]}],\"$L5\"]}]]}],{\"children\":[\"$L6\",{},null,false,null]},null,false,null],\"$L7\",false]],\"m\":\"$undefined\",\"G\":[\"$8\",[\"$L9\",\"$La\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"7Ay3SHgna1MjcZPrD2IY5\"}\n"])</script><script>self.__next_f.push([1,"c:I[598892,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\"],\"PostHogProvider\"]\nd:I[866602,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\"],\"StickyCTAProvider\"]\ne:I[571479,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\"],\"ScrollAnimationProvider\"]\nf:I[339756,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\"],\"default\"]\n10:I[408821,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\",\"/_next/static/chunks/3s17k9y_0tinw.js\"],\"default\"]\n11:I[837457,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\"],\"default\"]\n12:I[636768,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\",\"/_next/static/chunks/42te-_a68gwmk.js\",\"/_next/static/chunks/3pap_gpr9nan4.js\",\"/_next/static/chunks/1upf_yyc6iyle.js\",\"/_next/static/chunks/398wlu-b6x33-.js\",\"/_next/static/chunks/41xqi6o6k8mkl.js\"],\"default\"]\n13:I[857212,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\"],\"LazyHelpWidget\"]\n14:I[589720,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\"],\"AgentationProvider\"]\n17:I[897367,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\"],\"OutletBoundary\"]\n18:\"$Sreact.suspense\"\n1a:I[897367,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\"],\"ViewportBoundary\"]\n1c:I[897367,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\"],\"MetadataBoundary\"]\nb:[\"$\",\"iframe\",null,{\"src\":\"https://www.googletagmanager.com/ns.html?id=GTM-PJDDMNF\",\"height\":\"0\",\"width\":\"0\",\"style\":{\"display\":\"none\",\"visibility\":\"hidden\"}}]\n15: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          })();"])</script><script>self.__next_f.push([1,"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\":\"$b\"}],[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$Ld\",null,{\"children\":[[\"$\",\"$Le\",null,{\"children\":[\"$\",\"div\",null,{\"id\":\"main-content\",\"children\":[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$10\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/3s17k9y_0tinw.js\",\"async\":true}]],\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L12\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"$L13\",null,{}]]}]}],[\"$\",\"$L14\",null,{}],[\"$\",\"$L3\",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          })();\"}],[\"$\",\"$L3\",null,{\"id\":\"tracking-handlers\",\"strategy\":\"lazyOnload\",\"children\":\"$15\"}]]}]\n"])</script><script>self.__next_f.push([1,"6:[\"$\",\"$1\",\"c\",{\"children\":[\"$L16\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/24aj9mzd_w5em.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/1b9197zxmuc83.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/3y_8eijmiw-qt.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0pc4jwvjgqp4u.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/0krgqx00xxzg5.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/3pap_gpr9nan4.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/chunks/1upf_yyc6iyle.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-7\",{\"src\":\"/_next/static/chunks/398wlu-b6x33-.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-8\",{\"src\":\"/_next/static/chunks/3kjisqqz88n4w.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-9\",{\"src\":\"/_next/static/chunks/0mtt7kzolabxr.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L17\",null,{\"children\":[\"$\",\"$18\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@19\"}]}]]}]\n7:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L1a\",null,{\"children\":\"$L1b\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L1c\",null,{\"children\":[\"$\",\"$18\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L1d\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n9:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/2mlim0q8qpqmp.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\na:[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/2uonawtqmfc5p.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script><script>self.__next_f.push([1,"1b:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#ffffff\"}]]\n"])</script><script>self.__next_f.push([1,"1e:I[27201,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\"],\"IconMark\"]\n19:null\n"])</script><script>self.__next_f.push([1,"1d:[[\"$\",\"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 launch.\"}],[\"$\",\"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 launch.\"}],[\"$\",\"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.2dcz7elw991gp.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\"}],[\"$\",\"$L1e\",\"17\",{}]]\n"])</script><script>self.__next_f.push([1,"1f:I[382595,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\",\"/_next/static/chunks/24aj9mzd_w5em.js\",\"/_next/static/chunks/1b9197zxmuc83.js\",\"/_next/static/chunks/3y_8eijmiw-qt.js\",\"/_next/static/chunks/0pc4jwvjgqp4u.js\",\"/_next/static/chunks/0krgqx00xxzg5.js\",\"/_next/static/chunks/3pap_gpr9nan4.js\",\"/_next/static/chunks/1upf_yyc6iyle.js\",\"/_next/static/chunks/398wlu-b6x33-.js\",\"/_next/static/chunks/3kjisqqz88n4w.js\",\"/_next/static/chunks/0mtt7kzolabxr.js\"],\"StickyCTABar\"]\n20:I[407988,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\",\"/_next/static/chunks/24aj9mzd_w5em.js\",\"/_next/static/chunks/1b9197zxmuc83.js\",\"/_next/static/chunks/3y_8eijmiw-qt.js\",\"/_next/static/chunks/0pc4jwvjgqp4u.js\",\"/_next/static/chunks/0krgqx00xxzg5.js\",\"/_next/static/chunks/3pap_gpr9nan4.js\",\"/_next/static/chunks/1upf_yyc6iyle.js\",\"/_next/static/chunks/398wlu-b6x33-.js\",\"/_next/static/chunks/3kjisqqz88n4w.js\",\"/_next/static/chunks/0mtt7kzolabxr.js\"],\"Navbar\"]\n22:I[839329,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\",\"/_next/static/chunks/24aj9mzd_w5em.js\",\"/_next/static/chunks/1b9197zxmuc83.js\",\"/_next/static/chunks/3y_8eijmiw-qt.js\",\"/_next/static/chunks/0pc4jwvjgqp4u.js\",\"/_next/static/chunks/0krgqx00xxzg5.js\",\"/_next/static/chunks/3pap_gpr9nan4.js\",\"/_next/static/chunks/1upf_yyc6iyle.js\",\"/_next/static/chunks/398wlu-b6x33-.js\",\"/_next/static/chunks/3kjisqqz88n4w.js\",\"/_next/static/chunks/0mtt7kzolabxr.js\"],\"HeroVersionB\"]\n23:I[652157,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\",\"/_next/static/chunks/24aj9mzd_w5em.js\",\"/_next/static/chunks/1b9197zxmuc83.js\",\"/_next/static/chunks/3y_8eijmiw-qt.js\",\"/_next/static/chunks/0pc4jwvjgqp4u.js\",\"/_next/static/chunks/0krgqx00xxzg5.js\",\"/_next/static/chunks/3pap_gpr9nan4.js\",\"/_next/static/chunks/1upf_yyc6iyle.js\",\"/_next/static/chunks/398wlu-b6x33-.js\",\"/_next/static/chunks/3kjisqqz88n4w.js\",\"/_next/static/chunks/0mtt7kzolabxr.js\"],\"PreloadChunks\"]\n29:I[587392,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\",\"/_next/static/chunks/24aj9mzd_w5em.js\",\"/_next/static/chunks/1b9197zxmuc83.js\",\"/_next/static/chunks/3y_8eijmiw-qt.js\",\"/_next/static/chunks/0pc4jwvjgqp4u.js\",\"/_next/static/chunks/0krgqx00xxzg5.js\",\"/_next/static/chunks/3pap_gpr9nan4.js\",\"/_next/static/chunks/1upf_yyc6iyle.js\",\"/_next/static/chunks/398wlu-b6x33-.js\",\"/_next/static/chunks/3kjisqqz88n4w.js\",\"/_next/static/chunks/0mtt7kzolabxr.js\"],\"Footer\"]\n21:T7fc,"])</script><script>self.__next_f.push([1,"{\"@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?\",\"acceptedAnswer\":{\"@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><script>self.__next_f.push([1,"16:[\"$\",\"div\",null,{\"className\":\"min-h-screen bg-white\",\"children\":[[\"$\",\"$L1f\",null,{\"targetId\":\"hero-cta-button\"}],[\"$\",\"$L20\",null,{}],[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$21\"}}],[\"$\",\"main\",null,{\"children\":[[\"$\",\"$L22\",null,{}],[[\"$\",\"$L23\",null,{\"moduleIds\":[\"5822134394909492181\"]}],\"$L24\"],[[\"$\",\"$L23\",null,{\"moduleIds\":[\"7585198584074595792\"]}],\"$L25\"],[[\"$\",\"$L23\",null,{\"moduleIds\":[\"916812476696878330\"]}],\"$L26\"],[[\"$\",\"$L23\",null,{\"moduleIds\":[29245]}],\"$L27\"],[[\"$\",\"$L23\",null,{\"moduleIds\":[\"9275869136326337190\"]}],\"$L28\"]]}]],[\"$\",\"$L29\",null,{}]]}]\n"])</script><script>self.__next_f.push([1,"2a:I[6933,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\",\"/_next/static/chunks/24aj9mzd_w5em.js\",\"/_next/static/chunks/1b9197zxmuc83.js\",\"/_next/static/chunks/3y_8eijmiw-qt.js\",\"/_next/static/chunks/0pc4jwvjgqp4u.js\",\"/_next/static/chunks/0krgqx00xxzg5.js\",\"/_next/static/chunks/3pap_gpr9nan4.js\",\"/_next/static/chunks/1upf_yyc6iyle.js\",\"/_next/static/chunks/398wlu-b6x33-.js\",\"/_next/static/chunks/3kjisqqz88n4w.js\",\"/_next/static/chunks/0mtt7kzolabxr.js\"],\"BeforeAfter\"]\n2b:I[204551,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\",\"/_next/static/chunks/24aj9mzd_w5em.js\",\"/_next/static/chunks/1b9197zxmuc83.js\",\"/_next/static/chunks/3y_8eijmiw-qt.js\",\"/_next/static/chunks/0pc4jwvjgqp4u.js\",\"/_next/static/chunks/0krgqx00xxzg5.js\",\"/_next/static/chunks/3pap_gpr9nan4.js\",\"/_next/static/chunks/1upf_yyc6iyle.js\",\"/_next/static/chunks/398wlu-b6x33-.js\",\"/_next/static/chunks/3kjisqqz88n4w.js\",\"/_next/static/chunks/0mtt7kzolabxr.js\"],\"CustomerProof\"]\n2c:I[436940,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\",\"/_next/static/chunks/24aj9mzd_w5em.js\",\"/_next/static/chunks/1b9197zxmuc83.js\",\"/_next/static/chunks/3y_8eijmiw-qt.js\",\"/_next/static/chunks/0pc4jwvjgqp4u.js\",\"/_next/static/chunks/0krgqx00xxzg5.js\",\"/_next/static/chunks/3pap_gpr9nan4.js\",\"/_next/static/chunks/1upf_yyc6iyle.js\",\"/_next/static/chunks/398wlu-b6x33-.js\",\"/_next/static/chunks/3kjisqqz88n4w.js\",\"/_next/static/chunks/0mtt7kzolabxr.js\"],\"FeaturesGrid\"]\n2d:I[544532,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\",\"/_next/static/chunks/24aj9mzd_w5em.js\",\"/_next/static/chunks/1b9197zxmuc83.js\",\"/_next/static/chunks/3y_8eijmiw-qt.js\",\"/_next/static/chunks/0pc4jwvjgqp4u.js\",\"/_next/static/chunks/0krgqx00xxzg5.js\",\"/_next/static/chunks/3pap_gpr9nan4.js\",\"/_next/static/chunks/1upf_yyc6iyle.js\",\"/_next/static/chunks/398wlu-b6x33-.js\",\"/_next/static/chunks/3kjisqqz88n4w.js\",\"/_next/static/chunks/0mtt7kzolabxr.js\"],\"FAQ\"]\n2e:I[672959,[\"/_next/static/chunks/2yo3rr3u3-rzo.js\",\"/_next/static/chunks/2z5k47xrqht--.js\",\"/_next/static/chunks/1s27zdch4c1sr.js\",\"/_next/static/chunks/24aj9mzd_w5em.js\",\"/_next/static/chunks/1b9197zxmuc83.js\",\"/_next/static/chunks/3y_8eijmiw-qt.js\",\"/_next/static/chunks/0pc4jwvjgqp4u.js\",\"/_next/static/chunks/0krgqx00xxzg5.js\",\"/_next/static/chunks/3pap_gpr9nan4.js\",\"/_next/static/chunks/1upf_yyc6iyle.js\",\"/_next/static/chunks/398wlu-b6x33-.js\",\"/_next/static/chunks/3kjisqqz88n4w.js\",\"/_next/static/chunks/0mtt7kzolabxr.js\"],\"CTA\"]\n"])</script><script>self.__next_f.push([1,"24:[\"$\",\"$L2a\",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\"}]}]\n"])</script><script>self.__next_f.push([1,"25:[\"$\",\"$L2b\",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 software 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}]}]\n"])</script><script>self.__next_f.push([1,"26:[\"$\",\"$L2c\",null,{}]\n"])</script><script>self.__next_f.push([1,"27:[\"$\",\"$L2d\",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 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.\"},{\"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.\"}]}]}]\n"])</script><script>self.__next_f.push([1,"28:[\"$\",\"$L2e\",null,{}]\n"])</script></body></html>