Share your use-case

[sindresorhus]

There are probably a lot of cool use-cases for this app that I wouldn't think of. Please share your use-case here and I'll put the best ones in the readme and App Store description.

---

Here are some that I have found:

• https://windy.com - Weather map.
• https://trends.google.com/trends/hottrends/visualize?pn=p1
• http://matthew.wagerfield.com/flat-surface-shader/
• https://aresluna.org/polish-tv-clock/
• https://www.bryanbraun.com/after-dark-css/
• https://www.manifest.app/ - Notes.
• https://akirodic.com/p/jellyfish/
• https://codepen.io/ykob/full/zGpjeK
• https://www.airtightinteractive.com/demos/js/nebula/
• http://spielzeugz.de/html5/liquid-particles/
• https://alteredqualia.com/three/examples/webgl_cubes.html (Resource heavy!)
• https://mvkqs.csb.app (Resource heavy but fun. Works best when browsing mode is always enabled, until Support mousemove events even when not in browsing mode #16 is fixed)

More here:

• https://developer.mozilla.org/en-US/docs/Web/Demos_of_open_web_technologies

Resource heavy / noisy (better as screensaver #25):

• http://oos.moxiecode.com/js_webgl/forest/index.html
• http://oos.moxiecode.com/js_webgl/water_noise/
• http://www.iamnop.com/particles/
• https://mrdoob.com/lab/javascript/webgl/particles/magicdust.html
• https://mrdoob.com/lab/javascript/webgl/clouds/
• https://experiments.withgoogle.com/collection/chrome
• https://www.dwitter.net/top/month

[marcofugaro]

Animated creative code experiments. For example this or this. Or even this one but with the mousemove instead of click.

On a side note, is mouse interaction possible? Like at least the mousemove event?

[gbougakov]

GIPHY TV is awesome with this https://giphy.com/tv/search/chonky-cats

[sindresorhus]

Someone suggested setting https://www.omfgdogs.com/ as the wallpaper 🤣

[pablopunk]

I quickly made https://time.pablopunk.com/ to display the time. Duuuuude that was so easy. I plan to do more stuff like this in the future, it's so powerful.

[gleich]

A great use case is using gitstalk. It's super fast so it works really well with Plash. Below is an example of how I use it (dark mode enabled and set the opacity to half):

[shanlh]

I found that the image directly using Unsplash may not be displayed completely in full screen, so I made https://plash-fullscreen.now.sh, you can display any image with the url parameter like this https://plash-fullscreen.now.sh?url=YOUR URL

[JavaGT]

https://teamtrees.org/ with CSS as follows provides a nice, subtly animated wallpaper. NOTE: requires refreshing for counter updates.

#donationAmountCard,
.banner,
.bg-gradient-white-to-grey,
.bg-dark-blue {
display: none;
}

[sindresorhus]

Tip: The Plash web view background is transparent. So if you don't set a background color in your website or remove it from a website, your actual wallpaper will show through. This enables a lot of cool use-cases. You could, for example, place something interactive over your normal static wallpaper, or only show a dynamic wallpaper on part of the screen.

---

Example use-case.

Show Google Calendar on top of your normal wallpaper

1. Add https://calendar.google.com as a website.
2. Enable “Use print styles ”. (This simplifies the calendar layout) (This options requires macOS 11)
3. Add this to the "CSS" field:

* {
	background-color: transparent !important;
	color: white !important;
}

.QQYuzf,
.gboEAb,
header.NkK3Fc,
.Hrn1mc {
	display: none !important;
}

[role="grid"] * {
	border-color: rgba(255, 255, 255, 0.3) !important;
}

.tNDBE:not(.Wyo4Qe),
.SGWAac,
.QIadxc:last-child {
	border: none !important;
}

[data-chips-dialog] {
	background-color: rgba(0 0 0 / 80%) !important;
}

[nkapila6]

Just chiming in to say this works well even with TickTick! 😄 (ofc its the background color at play but great nonetheless)

[eccorley]

Really happy with how well it works with a gyrosco.pe dashboard (https://gyrosco.pe). The age updates in realtime and I can interact with it even with Browsing Mode disabled.

Thanks for another great tool @sindresorhus!

[sindresorhus]

Another nice thing you could do with the transparency support: Show a clock directly on top of your existing wallpaper:

Use this URL: https://time.pablopunk.com/?seconds&fg=white&bg=transparent&font=SFMono-Regular,Consolas,%27Liberation%20Mono%27,Menlo,monospace

[JavaGT]

Nice stock tracking on wallpaper using Sharsies

URL: https://app.sharesies.nz/portfolio
CSS:

[class^="Toolbar__right__"],
[class^="Modal__link__"],
[class^="ListMenuWithIcon__listing__"],
[class^="spacing__spaceBelow32__"],
[class^="Page__underline__"],
[class^="Toolbar__left__"],
[class^="ListFlyOutMenu__menu__"] {
  display: none !important;
}
#app > div {
  max-width: 100vw !important;
}
[class^="index__swipeableArea__"] > * {
  transform: none !important;
}
[class^="index__swipeableArea__"] > * > * {
  width: calc(100% / 3) !important;
}
[class^="index__controls__"] {
  opacity: 0 !important;
}
[class^="Toolbar__toolbar__"] > * {
  flex-grow: 1 !important;
}

[tobie]

…and another clock:

URL: http://www.helvetictoc.com/

CSS:

body.day, body.night { 
  background-color: transparent;
  color: white
}

div.screen {
  margin: 4%;
  font-size: 100px !important;
  bottom: 0;
  top: auto;
}

#colophon { display: none }

[ha404]

URL: https://calendar.google.com/

body {
	padding: 3% 53% 3% 3%;
	background: transparent !important;
}

header,
button {
	display: none !important;
}

.SGWAac {
	border: none !important;
}

[mirshko]

https://www.manifest.app/

Web based stickie notes

[patrickpistor]

A low poly town that has clouds and traffic that extends indefinitely. Use this custom CSS for the best effect.

#about-button {
    display: none;
}

https://demos.littleworkshop.fr/infinitown

[Copiloteditor]

i just want to display my a folder of pictures i have no need for a website. is there a solution for this?

[andreaswilli]

macOS supports this out of the box, no need for additional software.

[rileycodescodes]

There are probably a lot of cool use-cases for this app that I wouldn't think of. Please share your use-case here and I'll put the best ones in the readme and App Store description.

Here are some that I have found:

• https://windy.com - Weather map.
• https://trends.google.com/trends/hottrends/visualize?pn=p1
• http://matthew.wagerfield.com/flat-surface-shader/
• https://aresluna.org/polish-tv-clock/
• https://www.bryanbraun.com/after-dark-css/
• https://www.manifest.app/ - Notes.
• https://akirodic.com/p/jellyfish/
• https://codepen.io/ykob/full/zGpjeK
• https://www.airtightinteractive.com/demos/js/nebula/
• http://spielzeugz.de/html5/liquid-particles/
• https://alteredqualia.com/three/examples/webgl_cubes.html (Resource heavy!)
• https://mvkqs.csb.app (Resource heavy but fun. Works best when browsing mode is always enabled, until Support mousemove events even when not in browsing mode #16 is fixed)

More here:

• https://developer.mozilla.org/en-US/docs/Web/Demos_of_open_web_technologies

Resource heavy / noisy (better as screensaver #25):

• http://oos.moxiecode.com/js_webgl/forest/index.html
• http://oos.moxiecode.com/js_webgl/water_noise/
• http://www.iamnop.com/particles/
• https://mrdoob.com/lab/javascript/webgl/particles/magicdust.html
• https://mrdoob.com/lab/javascript/webgl/clouds/
• https://experiments.withgoogle.com/collection/chrome
• https://www.dwitter.net/top/month

[rileycodescodes]

Wanting to get quicker with keyboard commands...

I published a live notion page with a cpu action and the corresponding keyboard shortcut then used plash to show that page as my wallpaper - can always reference it quick if i forget a key. Will add to the list over time and be able to see the progress right on every startup.

sweet little tool, thx

[debernardis]

I would like to show https://zoom.earth/maps/satellite/#view=41.989,12.766,6.23z/beta=mtg/overlays=radar,labels:off,lines:off but I've been unable to clean the page and auto hide by css the popup box shown in the middle.

[mollycarroll]

I have to say it, as it's such a useful use case to me personally. Whatever open source AI documentation page on something I'm using at the time. Many times dynamically updating.. lol
I'm debating among this page, here or here. I'll have fun with it. Much appreciated, fellow nerd.

[NiklasJoWe]

Train Locations from https://mobility.portal.geops.io/de/world.geops.transit Clearing map view of unwanted elements:

(function () {
    function waitForElement(selector, callback, interval = 1000, maxAttempts = 100) {
        let attempts = 0;
        const checkExist = setInterval(() => {
            const element = document.querySelector(selector);
            if (element) {
                clearInterval(checkExist);
                callback(element);
            } else if (attempts >= maxAttempts) {
                clearInterval(checkExist);
                console.log(`${selector} not found after waiting.`);
            }
            attempts++;
        }, interval);
    }

    function safeHide(selector) {
        waitForElement(selector, (element) => {
            element.style.display = "none";
            console.log(`${selector} hidden`);
        });
    }

    safeHide(".MuiButtonBase-root.MuiIconButton-root.jss37"); // X Button
    safeHide(".MuiButtonBase-root.MuiIconButton-root.jss40"); // Left Arrow
    safeHide(".MuiButtonBase-root.MuiIconButton-root.jss41"); // Right Arrow
    safeHide(".MuiDialog-container"); // Welcome Dialog
    safeHide(".MuiBackdrop-root.MuiModal-backdrop"); // Backdrop
    safeHide("aside");
    safeHide(".jss42");
    safeHide(".jss44.jss43");
    safeHide(".wkp-search-toggle-container");
    safeHide("button[data-testid='wkp-topicmenu-toggler']");
    safeHide(".rs-base-layer-switcher-button.rs-opener");
    safeHide(".mp-footer");
    safeHide(".rs-base-layer-switcher");
    safeHide(".wkp-map-controls");
    safeHide(".tm-copyright");
})();

[SunnyCloudYang]

Interactive BB-8, migrate from Wallpaper Engine with some physical improvement and time display. Click the robot to change time format!

[Geert]

Pexels Dynamic Wallpaper for Plash

Set your macOS desktop to a dynamic slideshow of beautiful images from your favorite Pexels collections using the Plash app.

This web application provides the Pexels integration for Plash, allowing you to easily configure and display high-quality wallpapers.

Live Demo

How to Use

To get started, follow these steps which are also displayed in the settings form of the application:

1. Install Plash:
   • Download and install Plash from the Mac App Store.
2. Add Web App to Plash:
   • In Plash preferences, under 'Websites', add this URL: https://geert.github.io/pexel-wallpaper/
3. Enable Browsing Mode:
   • Ensure 'Browsing Mode' is enabled in Plash for the URL above. This allows you to interact with the settings form directly on your desktop.
4. Enter Pexels API Key:
   • In the settings form (now visible on your desktop via Plash), enter your Pexels API key. You can get one from Pexels API.
5. Provide Pexels Collection URL:
   • Paste the URL of the Pexels collection you wish to use as your wallpaper source (e.g., https://www.pexels.com/collections/wallpapers-vmnecek/).
6. Start Slideshow:
   • Click "Apply Settings & Start Slideshow".

Your Mac desktop will now cycle through images from your selected Pexels collection!

Features

• Direct integration with Pexels collections via their API.
• User-friendly setup through an interactive form.
• Multi-language support (EN, NL, DE, FR).
• Fallback to local image URLs if no API key is provided (requires pexels_photo_urls.txt in the docs/ folder with image URLs, one per line).

License

This project is licensed under the terms of the LICENSE file.

Acknowledgements

A special thank you to the creators of Plash for providing such a versatile tool for macOS customization.

[paulrudy]

WeatherStar 4000+ (Weather Channel simulator)

1. Visit WeatherStar 4000+ (USA-only locations) or WeatherStar 4000+ International (international)
2. Set up your preferred view. It's suggested to check "widescreen". And for the international site, check "Hide Webamp"
3. Click "Copy Permalink"
4. Add &kiosk=true to the end of the copied url
5. Add to Plash

Original project source code: netbymatt/ws4kp: A web-based WeatherStar 4000
Fork with international locations: mwood77/ws4kp-international: A web-based WeatherStar 4000 that supports international locations.

[jonbstrong]

https://informationisbeautiful.net/visualizations/cocktails-interactive/

[jonbstrong]

Scrolldit.com (pick whatever subreddit you'd like to make visible)

[jonbstrong]

https://huggingface.co/spaces/ArtificialAnalysis/LLM-Performance-Leaderboard

[jonbstrong]

morebikes.nyc (NYC specific)

[jonbstrong]

gummysearch.com/tools/top-subreddits/

[jonbstrong]

hoodmaps.com