🧞 react-clippy

A modern React TypeScript rewrite of Clippy.js – bring nostalgia to your UI with animated agents like Clippy, running with zero dependencies and React 18+ support.

✨ Built with performance in mind. Lightweight, fast, and plug-n-play.

📦 Installation

npm install @kusainovv/react-clippy

⚙️ Usage

import { useEffect } from 'react'
import { Load } from '@kusainovv/react-clippy'

function App() {
  useEffect(() => {
    new Load('Clippy', (agent) => {
      agent.show()
      agent.speak("Hey there! I'm Clippy in React.")
    })
  }, [])

  return <></> // or your existing UI
}

🙏 Credits

This project includes media assets (agent animations, sounds, and sprites) originally created by the amazing ClippyJS project by @pi0.
All visual and sound assets used in @kusainovv/react-clippy were sourced from clippyjs, which brought the iconic Clippy agent to life on the web.

Huge thanks to @pi0 for preserving this nostalgic gem and making it publicly available.

If you use this package, please consider starring the original repo as well 💖