oneko-react

A React port of oneko.js with a few new features:

• Anchors to the DOM while asleep
• Clicking on it while awake puts it to sleep and keeps it in place
• Optionally wakes up automatically when it goes out of view, e.g after scrolling (wakeOutOfView prop)
• Additional props to control movement speed and animations

Installation

npm install @varthe/oneko-react

Usage example

import { Oneko } from "@varthe/oneko-react"

export const MyComponent = () => {
  return (
    // Use anywhere in the DOM
    <Oneko />
  )
}

Props

Name	Description	Type	Default
speed	Movement speed (px/frame)	number	10
wakeOutOfView	Automatically wake up when out of view (unless manually slept)	boolean	false
idleAfter	Time before idle animation after stopping (ms)	number	5000
sleepAfter	Time before sleep after stopping (ms)	number	10000