---
title: "PassKey Page Lock — Free Framer component · Best of Framer"
description: "Free Framer component · by MediumUI · Backgrounds. About This component lets you create a PIN or PassKey to lock individual pages or CMS detail pages, gating access until the user enters…"
canonical: "https://framer.elliotli.dev/component/passkey-page-lock"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/PassKey Page Lock

# PassKey Page Lock

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

![PassKey Page Lock preview image 1](https://framer.elliotli.dev/og/component/passkey-page-lock/74909edf09448d8b/1600x1200.jpg)

## Summary

About This component lets you create a PIN or PassKey to lock individual pages or CMS detail pages, gating access until the user enters the correct code.

## Description

## About

This component lets you create a PIN or PassKey to lock individual pages or CMS detail pages, gating access until the user enters the correct code. The full view locking screen protects page content and is fully customisable through the component properties panel. The PIN or PassKey can be set with any combination of letter and/or number characters.

## Instructions

1.  Add the component into the 'Primary' layer of your site page (this will add a full page overlay, just set the visible property to 'No' to edit your page content and set back to 'Yes' in order to enable to page lock.
    
2.  Set the PIN or PassKey in the properties panel.
    
3.  Customise the appearance of lock screen including logo, text, images, fonts and background to reflect your brand.
    
4.  Enable additional features like Access Duration (how long, in days, the user will get access after they enter the correct code), Max Attempts (how many attempts a user will get before being locked out) and the Lockout Duration (how many minutes before the user can try again.
    
5.  Preview or publish the site to test the page lock functionality.
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-05ixln3b-ttW73X3ZMyOVd67XaHBRItELdjR5lZ)

## CMS Page Protection

The PageLock component can also be used to protect individual CMS detail pages with options for variable 'Preview Images'. After purchase, a simple 2-step process will be included in the setup instructions to enable CMS detail page locking on a page-by-page basis.

## Support

For support queries and assistance, get in touch at [hello@mediumui.com](mailto:help@framerlock.com)

## Disclaimer

FramerLock components use client-side authentication and should not be used for sensitive information or personal user data. For increased security and content protection, implement server-side authentication. FramerLock components are designed for standard content gating only.

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

-   All · #2235

## Details

- **Author**: MediumUI
- **Published**: 2026-01-07
- **Updated**: 2026-01-14
- **Added**: 2025-12-17
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background