After Dark in CSS

What After Dark in CSS actually is

Bryan Braun recreated the After Dark screensavers of the early 1990s using nothing but CSS animation, including Flying Toasters, Warp, Bad Dog and Starry Night. Each one runs full screen in a browser tab with the original timing and palette intact.

Why it is worth your time

The toasters flap at the original cadence, and the slices of toast still tumble past at a different speed to the toasters.

Common questions

Is After Dark in CSS free?

Yes. After Dark in CSS is free and does not ask you to register or hand over an email address before you can use it.

How long does After Dark in CSS take?

Good within five seconds of loading. We file it under "Instant" — the flying toasters screensaver, rebuilt in pure CSS.

Does After Dark in CSS work on a phone?

After Dark in CSS really wants a mouse and a wide window. It will load on a phone, but the experience is built for desktop.

What kind of site is After Dark in CSS?

We list it under Pixel Nostalgia — old software, running again, in a tab. The toasters flap at the original cadence, and the slices of toast still tumble past at a different speed to the toasters.