s-yadav/patternLock

Stars
378
Rank 113,272 (Top 3 %)
Language
JavaScript
License
MIT License
Created over 10 years ago
Updated almost 2 years ago

s-yadav/patternLock

s-yadav

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

A light weight plugin to simulate android like pattern lock interface for your hybrid app or website.

PatternLock

A light weight plugin to simulate android like pattern lock mechanism for your hybrid app or for a website. It's easy to configure and style so you can have different type of pattern lock according to your need. Is also provide some methods to use this plugin securely.

Installation

The easiest way to use PatternLock is to install it from npm and build it into your app with Webpack.

npm install patternlock

You can then import react-select and its styles in your application as follows:

import PatternLock from 'patternlock';
import 'patternlock/dist/patternlock.css'; //or import this directly on css file if you are not using any bundler

You can also use the standalone UMD build by including dist/patternlock.min.js and dist/patternlock.min.css in your page.

Documentation

Check demo and documentation on

Major updates

v2.0.0

Removed jQuery dependency
Rewrite on es6
Added rollup to bundle and parcel to run dev environment
Removed bower and jquery json

v1.0.1

Added a option to allow repeating over dots.
Added on npm.
Fixed setPattern bug for larger matrix.
Fixed invalid pattern #15, #3
Fixed direction classes issue while directly moving to non near dots.

v0.6.0

UMD (AMD, CommonJS) support.

v0.5.0

Added directional classes, dir, n,s,e,w,n-e,n-w,s-e,s-w.

v0.4.0

Added setPattern, disable, enable methods.

v0.3.0

Fixed patternlock support on devices having both mouse and touch input.

react-number-format

React component to format numbers in an input or as a text.

iv-viewer

A zooming and panning plugin inspired by google photos for your web images.

angulargrid

Pinterest like responsive masonry grid system for angular

radialIndicator

A simple and light weight circular indicator / progressbar plugin.

react-meta-tags

Handle document meta/head tags in isomorphic react with ease.

contextMenu.js

contextMenu.js is a plugin to create windows like context menu with keyboard interaction, different type of inputs ,trigger events and much more.

ScrollMenu

A new interface to replace your old boring scrollbar

jsonQ

A JavaScript library to make manipulation and extraction of data from a JSON very easy and fast.

relative-to-alias

🛠️ A codemod to do large-scale refactor of your relative path imports to alias.

FlakeId

Twittter Snowflake like unique id generator plugin for nodejs and browser

modalBox.js

A very light weight and minimal plugin to display modal window.

patternCaptcha

Android like pattern matching captcha system for your node webapps.

github-turbo-pr

Chrome extension to optimize github for handling big pull request. 🚀

eventPause.js

eventPause is a tiny plugin with lots of methods to control events. So whenever you want you can pause and activate any event.

create-effect

A small utility to create custom hooks using useEffect

fqueue

A micro-plugin to queue function execution to handle asynchronous flow and stepping through functions.

coequal.js

coequal is a small utility function to check equality of all data types and objects in JavaScript.

node-website-build-script

Boilerplate to use node.js as a build script for web projects.

LongListScroller

A small plugin to handle long list scroll using IScroll

findR.js

A find and replace JavaScript plugin for webpages.

deferred

A mini deferred plugin, having just what you need

ask-me-anything

A place where you can ask me anything about frontend, architecture, performance or general career stuff

number-format-app

class-to-function-with-react-hooks

Examples to map lifecycle method of a class component to a functional component with react hooks

isomorphic_react_sample

An isomorphic react sample app.

babel-plugin-react-create-element-alias

A babel plugin to replace React.createElement to an alias

patch-commits

Patch all commits to have desired changes in a branch

s-yadav.github.com

useful-array-prototypes

This repository contains some useful prototypes which native javascript dont provide or have some perfomance gain over native javascript functionality.