animeXYZ
animeXYZ copied to clipboard
An animation library that makes a tiny Naruto run across the bottom of your screen every time a new page loads
animeXYZ
An animation library that makes a tiny Naruto run across the bottom of your screen every time a new page loads.
Usage
Import the package and invoke the function to see Naruto run across the bottom of your screen.
import naruto from 'animexyz'
naruto()
Options
naruto
accepts an optional object as its only parameter that allows
you to override the default settings. Options include:
Key | Type | Default | Description |
---|---|---|---|
duration | int | 500 | duration of the animation (milliseconds) |
size | int | 50 | size of the Naruto image (pixels) |
// make Naruto even faster!
naruto({duration: 200})
react-router-dom integration
To see Naruto on every page change, subscribe to location changes:
import naruto from 'animexyz'
import React from 'react'
import { useLocation } from 'react-router-dom'
export function YourComponent() {
let location = useLocation()
useEffect(naruto, [location])
}