This is a (hopefully expanding) list of demoscene effects I've attempted to recreate in HTML. I'm by no means an expert, so you probably won't find anything crazy here, just simple effects like, for example, the spinning text at the top of this page, made with Javascript and CSS; the one of the front page is pure CSS.

If you see anything you like, feel free to view the source and use it on your own site, I've tried to make everything understandable.

Sliding blocks

Based on this demo, I made this with Boing over the span of two streams, and this is what we had at the end of the second stream. Someone suggested the effect looked like it could be a menu for food...

Rainbow background

This is based on this demo and is all CSS aside from some pixel art I quickly whipped up. This looks best at 4:3 but is good enough at 16:9; more extreme aspect ratios will start to break it. The demo gets stuck in my head a lot, so it was cool to actually see how close I could get to the original. I actually timed the bouncing text frame-by-frame (just for one cycle), so I'd like to say that's the most accurate bit, but it was on a different, 60 FPS upload...

If you look at the source, you'll see I made very liberal use of custom HTML tags. Let's just say I was inspired by a certain article I read last week.