Add Clippy or his friends to any website for instant nostalgia.
Switch branches/tags
Nothing to show
Clone or download
shlomiatar Merge pull request #18 from strathausen/patch-1
typo in readme: Play vs play
Latest commit 8bfd1f9 Aug 13, 2013
Failed to load latest commit information.
agents Added Einstein ("Genius") agent Jun 24, 2012
build Added support for https Mar 25, 2013
src Added support for https Mar 25, 2013
MIT-LICENSE.txt Calrified license. May 29, 2012 typo in readme: Play vs play Jun 7, 2013


Add Clippy or his friends to any website for instant nostalgia.
Read more about the project on our homepage.

Usage: Setup

Add this code to you to your page to enable Clippy.js.

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


<!-- Add these scripts to  the bottom of the page -->
<!-- jQuery 1.7+ -->
<script src="jquery.1.7.min.js"></script>

<!-- Clippy.js -->
<script src="clippy.min.js"></script>

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

Usage: Actions

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

Special Thanks

  • The awesome Cinnamon Software for developing Double Agent the program we used to unpack Clippy and his friends!
  • Microsoft, for creating clippy :)