Seeing the full javascript rotating 3d cube, I was wondering,

What are the most stunning javascript-only effects you've ever seen?

+13  A: 

Here's a bunch of "processing" graphics: demos are located near the bottom.

I think my favorite would be

Although this snake guy is pretty cool and interactive:

+27  A: 

the javascript parallax is pretty interesting, here is a demo

Edit: I just found a Firefox add-on that uses this effect for the new tab page.

Auto Dial 3D

Edit2: And someone doing it without javascript at all (just css)

CSS 3D menias

+4  A: 

I thought this was pretty impressive:

With an admittedly "cursory" investigation, these demos confirm that Chrome beats Firefox and IE for Javascript-heavy apps.

Pretty similar to "Google X":, but good nonetheless.
Ah, I'd never seen that. But the "dock" demo is much smoother, which is why I find it so impressive.
This one is way smoother:
+25  A: 

Remember lemmings? :-)

I'm waiting for Doom. After all, they've ported it to basically every other platform, right?
I just spent the last half hour on this site. Awesome!
Yeah, I love lemmings!
@Rontologist You got off easy, I just killed 3 and a half hours. I had to stop when I got to a level that required pixel perfect play, and when I finally got it I blew up a lemming by mistake leaving me with 97 out of the 98 required. -_-
+10  A: 

This site has a pretty nice implementation of solitaire, including card animation, all in JavaScript.

Check out the options for card resizing, etc - definitely well done, and generic enough to re-use for other card games as well.
J c
Easily the best solitaire implementation I've ever seen on the Web...
Hexagon Theory
Amazing Implementation !!!
+11  A: 

This site has an entire OS (an old one, btw :) in javascript:

+6  A: 

Antisocial is definitely the best js graphics demo I've seen. Don't miss the 'play with the demo tool' link (after watching the demo, of course).


Gabe Hollombe
+5  A: 

I like Algorithm Ink a lot. It's a javascript port & extension of Context Free by Aza Raskin.

Click on the canvas, they're interactive.

And click on Edit, and change the pattern generation algorithm live.

Sébastien RoccaSerra

Not really graphical, but still stunning (even if I do say so myself)...

A long time ago, I wrote an HTML editor in HTML/Javascript.

You can download it here:

One of these days, I'll update it for CSS. :)

+5  A: 

I've always loved everything that allows you to do. Update: raphaeljs also looks like a great framework!

Dalin Seivewright
+4  A: 

This is a "mouse follow" javascript animation from 2002 or earlier, the smoothness and accuracy makes for a pleasing effect. I could only find a version that ran in IE, but it is worth firing up IE or IETab and taking a look:

Link: Mouse Trail Clock

J c
+12  A: 

Mario Kart

amazing !
+4  A: 

Almost full port of Wolfenstein 3D to Javascript!

damn, beat me to it!

This is a small glimpse into what I'm trying to do.

Very Versatile Electronic Document - VVED

A few more bugs to remove before I release ver1.0rc.

Small demo in FULL DEBUG mode showing the playframes method being used to scatter the frames of a image. Normally, you can use playFrames to play a series of iamges as a movie but I found this very slow, using a tiled sheet imcrases performance drmatically, even compared with background image solutions that appear to be inconsistent over browsers.

FPS shows the system stats. Tween shows the tweener internal states. Debug - well.. (seperated 1 for static calls, the other to poll single variables)

Demo features key sequences: D,B,G - debug toggle T,W,N - tween toggle F,P,S - fps toggle A,L,L - toggle all

tested on IE5.5+, Firefox 2+, Safari, Chrome, Opera 9+


This isn't necesarily amazing, but it's fun: paste into browser bar.

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)x4+x5)+"px";*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);

+7  A: 

Hypno trip down the fractal rug - for the 20 lines JavaScript contest - Zoom by Mathieu 'p01' Henri

(Doesn't work well on IE or Chrome.) Update: It now works great on Chrome.

It works fine in Chromium 3 for me and is at least 5x faster than in Firefox 3.6.
Eli Grey
Yes it works now for me, too. A Chrome update must have fixed it.
+5  A: 

The coolest JavaScript effects I've seen are the Google Chrome experiments.

Obviously they will work best with Google Chrome browser, but some work in other browsers.


high poly 3d duck with shading in 4K

+1  A: 

The JS909 drum sequencer. Written without using a JS library, and even the sounds are done by Javascript

+1  A: 

I've found these two sites quite facinating:

Using Canvas:


plain old javascript:, if nothing else, I find the 33 different image transitions available worth looking at this one.


Shameless plug: Canvas Image Distortion.

Gregory Pakosz
A: - 3D Graphics library for the Nintendo Wii's browser.


I was most impressed by this 512 byte Menger sponge: JSpongy

There are also a lot of interesting effects in the js1k competition results. The other day I was beaten by 1023 bytes of chess.