Password lock pages — Create Custom Lock screen as You like

🔒 Lock Any Framer Page Behind a Custom Password Screen

Protected Pages is a full-screen, responsive page locker for Framer.It lets you password-protect any page using your own design — not a generic popup or fixed layout.

You get complete freedom to design your lock screen with your own:

• Images

• Colors

• Text

• Branding

• Layout

• Animations

And you can create three different lock screens for desktop, tablet, and mobile.

Everything works on the client side, requires no backend, and is extremely easy to set up.

✨ Key Features

• Protect any Framer page with a custom password

• Fully responsive: separate designs for Desktop, Tablet, Mobile

• 100% visual — your design, your layout, your branding

• Works instantly on publish (no code, no integrations)

• Built for templates, client work, gated content and previews

• Performance-optimized and code-reviewed

• Works with any Framer project

🧩 How to Set It Up (Quick)

1. Create 3 frames in your project: Desktop, Tablet, Mobile.

2. Inside each, add a Stack (IDs only work on Stacks).

3. Design your lock screens freely inside the stacks.

4. Add a small form inside each:

   • 1 text input (auto-password)

   • 1 submit button

5. Assign IDs exactly:

   • locker-desktop

   • locker-tablet

   • locker-mobile

6. Add the Password Protect Individual Pages component to the page.

7. Set your password + link each device layout.

8. Publish → the correct lock screen shows based on device size, and the page unlocks only with the right password.

You get total freedom — without writing a single line of code.

🎨 Why This Component Is Better

Most password gates are rigid.This one gives you total design control.

Perfect for:

• Client dashboards

• Member-only content

• Hidden case studies

• Course material

• Launch previews

• Template demos

• Portfolio sections

• Internal company pages

If you can design it in Framer, you can turn it into a password-protected page.

💬 Refund Policy

All components are professionally built, code-reviewed, and tested to meet Framer Marketplace standards.

Because this product includes source code and cannot be returned once downloaded, all sales are final.

If you run into any technical issue, I’ll provide full support to make sure the component works correctly in your project.

🔑 Licensing

Single License: Use on one project (personal or client).

setup video