ngoue / animeXYZ

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])
}