Add Clippy or his friends to any website for instant nostalgia.
Last updated 4 years ago by pi0 .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install clippyjs 
SYNC missed versions from official npm registry.


Add Clippy or his friends to any website for instant nostalgia. This project is a fresh rewrite of Clippy.JS in ES6. (Read More)


Please be patient for first load. It may take some time as agents are loaded one by one.


Quick Setup


Add this code to you to your page to enable Clippy2.

<!-- Add the stylesheet to the head -->
<link rel="stylesheet" type="text/css" href="">

<!-- Add these scripts to  the bottom of the page -->
<script src=""></script>

<script src=""></script>

<script type="text/javascript">
clippy.load('Merlin', function(agent){
    // Do anything with the loaded agent;

NPM / Webpack

Install dependency

yarn add clippyjs # or npm install clippyjs

Import and load

import clippy from 'clippyjs'

clippy.load('Merlin', (agent) => {
    // do anything with the loaded agent;


All the agent actions are queued and executed by order, so you could stack them.

// play a given animation'Searching');

// play a random animation

// get a list of all the animations
// => ["MoveLeft", "Congratulate", "Hide", "Pleased", "Acknowledge", ...]

// Show text balloon
agent.speak('When all else fails, bind some paper together. My name is Clippy.');

// move to the given point, use animation if available

// gesture at a given point (if gesture animation is available)

// stop the current action in the queue

// stop all actions in the queue and go back to idle mode

Custom CDN / Agents

By default all agents are being served from GitHub CDN (this repo) in order to customize loading base path, You can set window.CLIPPY_CDN or use 4rd argument of load function it can be absolute URL or relative to script. (path should end with slash /)

// Using global config
window.CLIPPY_CDN = './agents/'

// Or using 4rth argument
clippy.load('Marline', function() {
   // ...
}, undefined, './agents/')



Special Thanks

Current Tags

  • 0.0.3                                ...           latest (4 years ago)

3 Versions

  • 0.0.3                                ...           4 years ago
  • 0.0.2                                ...           4 years ago
  • 0.0.1                                ...           4 years ago
Maintainers (1)
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 1
Last Month 2
Dependencies (1)

Copyright 2014 - 2017 © |