Code Monkey home page Code Monkey logo

legendary-cursor's Introduction

Eternal cursor of http dominance

This Legendary +10 Cursor library grants to the user an unlimited feeling of power and accomplishment as soon as the swing effect starts

A direct consequence of using this skin for your cursor is the permanent modification of the following attributes:

  • +380% Clicking precision
  • +280% Mouse ferocity
  • +120% Left click magic power
  • +380% Carpal tunnel chance reduction
  • +380% Wrist pain reduction
  • +999% User random swing chance

How to get it

npm i legendary-cursor

And to activate it in your webpage:

import LegendaryCursor from "legendary-cursor";

window.addEventListener("load", () => {
    LegendaryCursor.init();
});

There are a few options you can change with the following arguments:

import LegendaryCursor from "legendary-cursor";

window.addEventListener("load", () => {

    LegendaryCursor.init({
        lineSize:         0.15,
        opacityDecrement: 0.55,
        speedExpFactor:   0.8,
        lineExpFactor:    0.6,
        sparklesCount:    65,
        maxOpacity:       0.99,  // should be a number between [0 ... 1]
        // texture1:         "http://path_to_texture",      // texture displayed on mouse hover
        // texture2:         "http://path_to_texture",      // texture displayed on mouse click
        // texture3:         "http://path_to_texture",      // texture displayed on sparkles
    });

});

Demo

Try it here!

Credits

Took inspiration from this awesome article made by Nathan Gordon

legendary-cursor's People

Contributors

domenicobrz avatar dependabot[bot] avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.