Password protected projects

Password protected projects

Each project has its own password. Use the page's slug as the password to unlock.

How to use this component

  1. Remix this project to get the PasswordGate code component

  2. Add a password field to your CMS collection

  3. Drop PasswordGate on your CMS template page

  4. Connect the password prop to your CMS password field

  5. Add your content to the "Unlocked Content" slot

That's it—each page now has its own unique password.

🎨 Limitation: The locked design is hardcoded in the code component.

⚠️ Security note: This is client-side protection only. Good for client previews and soft gating, not for sensitive data.

Create a free website with Framer, the website builder loved by startups, designers and agencies.