Svelte Cursorphobic

A (very) lightweight component that makes elements afraid of your cursor. Used to easily create cute animations that react to your mouse.

Demo and Docs: https://mitcheljager.github.io/svelte-cursorphobic/

Installation

Install using Yarn or NPM.

yarn add cursorphobic --dev

npm install cursorphobic --save-dev

Include the component in your app.

import Cursorphobic from "svelte-cursorphobic"

<Cursorphobic>...<Cursorphobic>

Usage

For detailed documentation and demos check out: https://mitcheljager.github.io/svelte-cursorphobic/

Properties

| Property | Default | Description | ---|---|--- range | 200 | Controls from how far away the component starts reacting to your cursor. multiplier | 0.1 | Controls how heavily an element reacts to your cursor. smoothing | 0.25 | Controls how quickly an element moves relative to changes in your cursor.