DEV Community


Discussion on: Playing with easter eggs: Ideas for making your website more fun

santima10 profile image
Santiago M.A.

I love hidden easter eggs. I usually use to add an elevator to the website

itsasine profile image
ItsASine (Kayla)

I've done it before with combining KonamiJS

GitHub logo snaptortoise / konami-js

Add the Konami Code easter egg to your project. Compatible with gestures on smartphones and tablets as well.


Add the Konami Code as an easter egg to your web project. Compatible with keyboard and touch events.

For examples and additional information please visit:

A joyful, frivolous project by George Mandis


Future Improvements

Konami-JS is an ancient project by JavaScript standards, having started in 2009! I would love for 2019 to be the year it gets rewritten in a more modern way. Please checkout the issues and discussions surrounding the 2.0 branch.

I welcome the community's help in any of this 😃

Konami-JS in Action

Notable instances of Konami-JS in the wild include:


and ClippyJS

GitHub logo pi0 / clippyjs

Add Clippy or his friends to any website for instant nostalgia


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.

image FOSSA Status



For using in raw HTML/JS:

<!-- Add the stylesheet to the head -->
<link rel="stylesheet" type="text/css" href=""&gt
<!-- 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;


so doing the Konami Code makes Clippy pop up to help you 😉

rose profile image
Rose Author

oh my gosh so cute ❤️