---
title: "ContentGate — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Spyridon Merkouris · Forms. What it does ContentGate lets you wrap any Framer content block and hide it behind a paywall, signup wall, membership gate, or custom…"
canonical: "https://framer.elliotli.dev/component/contentgate"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/ContentGate

# ContentGate

Paywall and signup gate for Framer

[View on Framer](https://framer.com/marketplace/components/contentgate/?via=elliot-li)

![ContentGate preview image 1](https://framer.elliotli.dev/og/component/contentgate/9c48195926df12f4/1600x1200.jpg)

## Summary

What it does ContentGate lets you wrap any Framer content block and hide it behind a paywall, signup wall, membership gate, or custom access check.

## Description

### What it does

**ContentGate** lets you wrap any Framer content block and hide it behind a paywall, signup wall, membership gate, or custom access check. Show a polished locked state with teaser copy, plan badges, feature list, CTA buttons, and optional blurred preview content. When access is granted, the gated content is revealed with a smooth transition.

### Features

Gate any child content inside Framer. Choose from local access flag, authenticated user plan, or custom JavaScript check. Support allowed plan lists such as Pro, Team, and Enterprise. Read access from localStorage, accept a controlled userPlanprop, or call a custom function available on window. Locked state includes editable title, description, feature list, pricing or plan badges, primary CTA, secondary CTA, and premium-content label. Optional blurred preview lets visitors see a softened version of the gated content behind the overlay. Smooth opacity and blur transitions make the lock/unlock state feel polished. Fully customizable colors, radius, typography, spacing, borders, shadows, CTA styling, and blur intensity.

### How to use

Place **ContentGate** on your Framer canvas and put the content you want to protect inside it. Choose the gate mode in the property panel. Use **localFlag** for simple demos, downloads, or manual unlock flows. Use **authProp** when your site or app passes a user plan into the component. Use **customCheck** when integrating with an external payment, subscription, or auth provider. Add your allowed plans, teaser headline, description, feature list, CTA labels, and payment or signup links. Enable blurred preview if you want visitors to see that premium content exists before unlocking.

### Ideal for

Paid newsletters, premium blogs, course pages, SaaS documentation, AI tool dashboards, gated templates, resource libraries, member-only downloads, paid research reports, private communities, client portals, and any Framer site that needs to separate free content from premium content without building a custom paywall UI from scratch.

## Rank history [How rankings work →](/terms#rankings)

-   All · #8530

## Details

- **Author**: Spyridon Merkouris
- **Price**: $8.00
- **Published**: 2026-05-13
- **Updated**: 2026-05-13
- **Added**: 2026-05-02
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from