Password‑protected client pages, powered by your CMS.

Back

Back

Back

Back

Secure any collection page with a drag‑and‑drop lockout that remembers each visitor — no code, no servers, just Framer.

Secure any collection page with a drag‑and‑drop lockout that remembers each visitor — no code, no servers, just Framer.

Pay once use forever, any project, no limits.

Watch this Video

Product

Watch this Video

Product

Watch this Video

Product

Watch this Video

Product

Low

Skill Level

0

d

ago

Updated

1

Component

Included

Ever thought, “There has to be an easier way to lock down client dashboards”?

Ever thought, “There has to be an easier way to lock down client dashboards”?

Ever thought, “There has to be an easier way to lock down client dashboards”?

Ever thought, “There has to be an easier way to lock down client dashboards”?

Now there is—drop in the CMS‑driven Lockout Kit and protect any page in seconds.

Now there is—drop in the CMS‑driven Lockout Kit and protect any page in seconds.

  • Visual setup – drag, drop, publish.

  • CMS‑connected – passwords live in the collection item, so every client gets their own key.

  • Auto‑remember – successful log‑ins are stored in local storage for friction‑free return visits.

Single‑password access

Visitors enter one field—no usernames to forget. Faster in, happier clients.

CMS field mapping

Copy: Hook the password, logo, or background image straight to your collection. Every lockout screen feels branded and personal.

Instant branding controls

Fine‑tune colours, fonts, modal size, and fade animation without opening code. Matches your site in minutes.

Built in device specific layouts.

Auto detecting layout for desktop, tablet and mobile devices.

Desktop +Tablet

Works across these two device types easily.

Mobile

Custom layout for mobile with mobile preview.

Usage Ideas:

Usage Ideas:

  • Client Dashboard - Secure project hubs with a unique passcode field.

  • VIP Resources - Hide premium downloads behind a sleek modal.

  • Event Media Room - Release footage to press only—password expires after launch day.

Pay once use forever, any project, no limits.

FAQs

1.

Do I need custom code?

Nope—everything is packaged in the component. Drag it on, map your CMS fields, publish.

1.

Do I need custom code?

Nope—everything is packaged in the component. Drag it on, map your CMS fields, publish.

1.

Do I need custom code?

Nope—everything is packaged in the component. Drag it on, map your CMS fields, publish.

1.

Do I need custom code?

Nope—everything is packaged in the component. Drag it on, map your CMS fields, publish.

2.

Can clients reset their password?

Yes. Add a “Forgot Password?” link that points to any recovery form or email flow you already use.

2.

Can clients reset their password?

Yes. Add a “Forgot Password?” link that points to any recovery form or email flow you already use.

2.

Can clients reset their password?

Yes. Add a “Forgot Password?” link that points to any recovery form or email flow you already use.

2.

Can clients reset their password?

Yes. Add a “Forgot Password?” link that points to any recovery form or email flow you already use.

3.

Does it work on mobile?

Absolutely. The modal automatically scales; you can tweak height/width for smaller screens.

3.

Does it work on mobile?

Absolutely. The modal automatically scales; you can tweak height/width for smaller screens.

3.

Does it work on mobile?

Absolutely. The modal automatically scales; you can tweak height/width for smaller screens.

3.

Does it work on mobile?

Absolutely. The modal automatically scales; you can tweak height/width for smaller screens.

4.

How secure is a browser‑side password lockout?

The component offers a practical layer of privacy—perfect for client dashboards, resources, or event media. Passwords are stored in your CMS and compared in the visitor’s browser; no credentials ever travel to an external server. That means: ✅ No server to breach or maintain ✅ Data is encrypted in transit (because your Framer site uses HTTPS) ⚠️ It is not “bank‑grade” security—someone with developer‑tool skills could inspect the page and see the rules. For high‑sensitivity content (e.g., financial data), pair the component with a token‑based server check or a dedicated auth service.

4.

How secure is a browser‑side password lockout?

The component offers a practical layer of privacy—perfect for client dashboards, resources, or event media. Passwords are stored in your CMS and compared in the visitor’s browser; no credentials ever travel to an external server. That means: ✅ No server to breach or maintain ✅ Data is encrypted in transit (because your Framer site uses HTTPS) ⚠️ It is not “bank‑grade” security—someone with developer‑tool skills could inspect the page and see the rules. For high‑sensitivity content (e.g., financial data), pair the component with a token‑based server check or a dedicated auth service.

4.

How secure is a browser‑side password lockout?

The component offers a practical layer of privacy—perfect for client dashboards, resources, or event media. Passwords are stored in your CMS and compared in the visitor’s browser; no credentials ever travel to an external server. That means: ✅ No server to breach or maintain ✅ Data is encrypted in transit (because your Framer site uses HTTPS) ⚠️ It is not “bank‑grade” security—someone with developer‑tool skills could inspect the page and see the rules. For high‑sensitivity content (e.g., financial data), pair the component with a token‑based server check or a dedicated auth service.

4.

How secure is a browser‑side password lockout?

The component offers a practical layer of privacy—perfect for client dashboards, resources, or event media. Passwords are stored in your CMS and compared in the visitor’s browser; no credentials ever travel to an external server. That means: ✅ No server to breach or maintain ✅ Data is encrypted in transit (because your Framer site uses HTTPS) ⚠️ It is not “bank‑grade” security—someone with developer‑tool skills could inspect the page and see the rules. For high‑sensitivity content (e.g., financial data), pair the component with a token‑based server check or a dedicated auth service.

Whats included?

Lockout component (desktop + mobile responsive)

Lockout component (desktop + mobile responsive)

Lockout component (desktop + mobile responsive)

Lockout component (desktop + mobile responsive)

Training Video

Training Video

Training Video

Training Video

Support

Refund Policy