Screensaver Homepages

Give your monitor a vacation!

11. September, 2023
>> Misc >> Screensavers
A screenshot of my computer desktop, with a browser set up to display an animated image and to be behind every other UI element, essentially creating an animated desktop wallpaper.
An example screenshot showing how it should look like. Now just imagine the background being animated.

A list of pages that resemble screensavers. Once you fullscreen them and optionally disable your monitor turning off after a while of inactivity, you have a nice little screensaver. Additionally, it can turn into a live wallpaper if you focus on another application using Meta + Number or Alt + Tab and can be even better by marking that window to always be in the background (which works easily on Manjaro Linux, but I don't know how well it works on windows or mac) so you can click on it without it covering up your whole screen accidentally.

If you want to, you can even download the webpages and set them up to be opened when you open up your browser (a.k.a. make them your homepage) and add things you might like (like links to common sites you visit, a clock, a visual indicator for how far in you're in the current week or year, audio toggles for white noise or music from YouTube or your local files).

Stuff from other people that I modified to fit my taste

Every one of these has a feature where if you move your mouse cursor to the right window border, it'll get hidden. This is only really useable if you fullscreen the browser window. This function is a bit bugged with "Living Worlds in HTML5 (Simple Fullscreen)", though still partly/mostly useable.

Rainfall

A modified version of "Rainstorm" from "After Dark Screensavers in CSS" by Bryan Braun. Specifically, it removes the thunder that appears every 7 seconds.

vertpush's BG

The background from the homepage of vertpush (without comets).

Living Worlds in HTML5 (Simple)

This screensaver doesn't seem to work as my browser won't display the iFrame that's needed even though it does so when I work on my website locally - It bickers about an expired certificate, which makes sense since the website is abandoned, but also doesn't because it still lets me connect to it when I work on this site locally.

A modified version of "Living Worlds in HTML5", an HTML remake/port of the pretty pixel art that would dynamically change throughout the day that was present in an old program that was famous for said pixel art.

This simple version simply scales the image up to your browsers width & height while keeping the images aspect ratio. This comes at the cost of removing the options available on the original website.

Requires JavaScript to function properly, both by the actual website itself as well as my spaghetti scaling coding.

Living Worlds in HTML5 (Simple Fullscreen)

This screensaver doesn't seem to work as my browser won't display the iFrame that's needed even though it does so when I work on my website locally - It bickers about an expired certificate, which makes sense since the website is abandoned, but also doesn't because it still lets me connect to it when I work on this site locally.

A version of the simple version where the image spreads out to the full viewport, cutting parts of it off in favor of full immersion. Also allows scrolling in the direction the image's cut off in.

From others
Inkposting's "The Chill Zone"

Using the browser inspector you can remove the three buttons on the bottom once you've turned everything on.

the end of town

A website that might also be potent as a screensaver. Features music you can activate by clicking anywhere.

Squidknees' Fireworks

I actually edited the image to make it prettier by adding in another firework explosion.

Possible Ideas