Add an Android-style pattern lock for secure, mobile-friendly authentication. Store patterns as numeric codes, customize the design, and verify user input through your database.
       


⚡ Main Functions:

• Classical pattern lock.
   Add an Android-style pattern lock for secure login.
• Extra security layer.
   Use as 2FA or an alternative mobile-friendly login.
• Numeric code storage.
   Patterns are stored as number sequences for validation.

⚡ Key Features:

🎨 Customizable design
     Adjust background color to match your app’s style.
🗄️ Database integration
     Save and validate user patterns as numeric values.
📱 Improved user experience
     Provide a fun, interactive, mobile-friendly unlock method.



Documentation

We’ve created a detailed step-by-step guide for the Pattern Lock Screen plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

       
FAQ

What is the Pattern Lock Screen plugin?
It enables you to add an Android-style pattern lock to your app, allowing users to unlock content by drawing a pattern across dots.

How do I set it up?
Place the Pattern Lock element on your page. In its settings, define the background color and set the numeric unlock code (each digit corresponds to a dot).

How is the unlock code stored?
The code is saved as a number sequence where each number maps to a dot position (like on a phone keypad). For example, “257” is a straight vertical line through the center.

What happens if the user enters the correct pattern?
A “Correct Code” event is triggered, enabling you to run workflows such as redirecting, changing states, or revealing content.

What if the code is wrong?
An “Incorrect Code” event is fired, letting you show alerts or take corrective actions in workflows.

Is there a state I can check in my app?
Yes - the element offers an “Unlocked?” state, which is initially false and becomes true once the correct pattern is entered.

Do I need anything special configured beforehand?
You should enable element ID attributes so you can reference the Pattern Lock element and capture its events or states in workflows.

Can it act as a security feature?
Yes - it’s ideal for adding an extra layer of authentication (like 2FA) or locking specific parts of your app based on user patterns.




Our Similar Plugins

- Reveal & Hide Password
- Face & Touch ID
- Password Strength Indicator
- Stytch Passwordless Login
- Password Strength Progress Bar
- Fingerprint #ip addressdevice




Support

If you still have questions or unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!