Smart Password Lock (Click-Safe)

The Problem with most Password Components: You’ve likely faced it before: you add a password lock to your page, and even after unlocking it, the hidden overlay sits invisibly on top of your content. You can't click buttons, hover over links, or interact with your design. It drove us crazy, so we fixed it.

Key Features:

• Ghost-Free Interaction: Unlike other components, this lock completely unblocks the DOM after success. Your buttons, links, and hover states will work perfectly immediately after unlocking.

• "Remember Me" Logic: Choose between requiring a password on every refresh or remembering the user's session so they only have to log in once per tab.

• Full Customization: Control every color, font, and border. Match your brand identity perfectly.

• Logo Support: Easily drop in your own component or image to display your logo above the prompt.

• Instant Feedback: Built-in error states with shake animations and visual cues.

Perfect for:

• Client preview pages

• Internal team resources

• Exclusive content gating

• Portfolios

How to use:

1. Drag the component onto your page. Set it to absolute positioning and pin it to top 0 left 0 with a width: 1px height: 1px

2. Set your desired password in the properties panel.

3. Customize the colors and typography to match your site.

4. Set "Remember Me" to 'Yes' if you want to improve user experience for recurring visitors.