You never asked for it, now it’s real. All the fun libs in one package.

Getting started

npm install kikoojs # yes, simple 😄

What do you get ?

I strongly recommend to check the demo website.

Includes:

• 🛗 ElevatorJS
• 🥚 Easter Egg Collection
• ↖ 90's cursor effects
• 📀 DVD Screensaver effect
• ✨ Power Glitch Effect
• 🎮 Konami Code

useElevator()

const MyPage = () => {
  const [triggerRef] = useElevator<HTMLButtonElement>({
    mainAudio: "/sfx/waiting.mp3",
		endAudio: "/sfx/ding.mp3",
  });

  return (
    <div>
      {/* veryyyyyyyyy lonnnnnnnnnng bodyyyyyyyy */}
      <button ref={triggerRef} type="button">Back to top ⬆️</button>
    </div>
  )
}

import from 'easter-egg-collections/register'

useCursor()

useDvd()

useGlitch()

useRainbow()

useKonamiCode()

Utilities

• useExternalScript(): Frankly, I don't now how it is working 😅
• useAnimationFrame(): Inspired by CSS Tricks (or Wes Bos ?) - I added controls on it.

Development

• Install dependencies:

pnpm install

• Run build in watch mode:

pnpm dev

• Run the playground:

pnpm play

• Build the library:

pnpm build