Share your use-case

Question

Share your use-case

sindresorhus opened this issue 5 years ago · 133 comments

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 #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):

Answer 1 · 2020-01-09T13:41:36.000Z

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?

Answer 2 · 2020-01-09T21:12:28.000Z

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

Answer 3 · 2020-01-10T04:55:33.000Z

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

Possible to add support for that, yes. Can you open a separate issue about that?

Answer 4 · 2020-01-10T05:47:42.000Z

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

Answer 5 · 2020-01-10T11:34:40.000Z

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.

Answer 6 · 2020-01-10T13:21:24.000Z

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):

Answer 7 · 2020-01-10T18:52:41.000Z

Would it be possible to save multiple website and toggle them with ⌘ + number key?

Answer 8 · 2020-01-11T03:17:24.000Z

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

Answer 9 · 2020-01-11T03:22:09.000Z

@shanlh Are you sure you used the correct resolution in the Unsplash URL parameter? It works perfectly for me and others.

Your thing is definitely useful so people don't have to manually input their resolution though. 👌

Answer 10 · 2020-01-11T03:35:05.000Z

@sindresorhus I use https://source.unsplash.com/random by default, only use background-size: cover; make it full screen, people can pass his own Unsplash link to url parameter for higher definition pictures.

Answer 11 · 2020-01-11T10:02:47.000Z

@pablopunk Would be cool to be able to customize the clock slightly. For example, not show seconds and choose the color of the background and the clock.

Answer 12 · 2020-01-12T08:39:28.000Z

@sindresorhus you got it 😉

https://github.com/pablopunk/time#customize-options

Any more suggestions? I was thinking about text size and stuff like that

Answer 13 · 2020-01-13T03:07:24.000Z

@pablopunk Nice! I opened an issue with some feedback in your repo.

Answer 14 · 2020-01-13T04:30:18.000Z

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;
}

Answer 15 · 2020-01-13T05:31:13.000Z

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

Add https://calendar.google.com as a website.
Enable “Use print styles ”. (This simplifies the calendar layout) (This options requires macOS 11)
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;
}

Answer 16 · 2020-01-13T16:43:07.000Z

FYI I updated https://github.com/pablopunk/time with all the options you suggested @sindresorhus. Looking good!

Answer 17 · 2020-01-13T20:27:59.000Z

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!

Answer 18 · 2020-01-14T18:29:10.000Z

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

Answer 19 · 2020-01-15T10:11:20.000Z

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;
}

Answer 20 · 2020-01-16T11:40:10.000Z

…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 }

Answer 21 · 2020-01-21T03:06:10.000Z

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

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

header,
button {
	display: none !important;
}

.SGWAac {
	border: none !important;
}

Answer 22 · 2020-01-21T09:09:58.000Z

https://www.manifest.app/

Web based stickie notes

Answer 23 · 2020-01-22T19:00:21.000Z

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

Answer 24 · 2020-01-25T16:54:04.000Z

Tip: The Plash web view background is transparent. So if you don't set a background color in your website or remove it 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:

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

In preferences, lower the opacity to 70%.

Add this as "Custom CSS":
* {
	background-color: transparent !important;
	color: white !important;
}

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

Can anyone help me to display the iCloud calendar without sidebar etc like the Google calendar? https://www.icloud.com/calendar/

Answer 25 · 2020-01-26T06:23:36.000Z

@dixiklo9 Go to https://www.icloud.com/calendar/ and select "Month" view.

Then use this CSS override:

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

#sc1993,
.sc-view.main-header,
.sc-view.main-footer {
	display: none !important;
}

.sc-view.month-calendar {
	position: fixed !important;
}

And the result:

Right-click when in "Browsing Mode" and choose "Inspect Element" to be able to debug and tweak it further. For example, if you want the borders, you could remove border: 0 !important;.

Answer 26 · 2020-01-26T11:37:09.000Z

@dixiklo9 Go to https://www.icloud.com/calendar/ and select "Month" view.

Then use this CSS override:
* {
	background-color: transparent !important;
	color: white !important;
	border: 0 !important;
}

#sc1993,
.sc-view.main-header,
.sc-view.main-footer {
	display: none !important;
}

.sc-view.month-calendar {
	position: fixed !important;
}
And the result:

Right-click when in "Browsing Mode" and choose "Inspect Element" to be able to debug and tweak it further. For example, if you want the borders, you could remove border: 0 !important;.

Thank you very much for the CSS code and the tip for tweaking.
Just a short note. In the bottom row there is an overlap of the days with the dates. How to fix the bug?

Answer 27 · 2020-02-03T09:46:45.000Z

I just started a tutorial series of making backgrounds
for Plash using Svelte and Nodejs. The first tutorial
is basic project setup and the beginnings with a random
background changer every 30 minutes, a Time display, and
the time display as a circle meter. I'll be adding more
to it over time. You can read there series here: https://www.customct.com/#/tutorials/plashserver/series

The GitHub repository has the current code for the project.

Answer 28 · 2020-02-05T19:05:21.000Z

@raguay Awesome! 👍

Answer 29 · 2020-02-05T19:07:39.000Z

Another use-case. Show your Dribbble feed for inspiration.

Set the URL to: https://dribbble.com and log in.

Then apply this CSS (in the Preferences) to remove the header and navbar:

body {
	padding-top: 0 !important;
}

#header,
.filter-subnav {
	display: none !important;
}

Answer 30 · 2020-02-10T17:20:56.000Z

Bing Photo of the Day as wallpaper: https://github.com/sindresorhus/plash-bing-photo-of-the-day

Answer 31 · 2020-02-11T14:28:22.000Z

I'm using it to follow recent on-going activities that I'm currently interested in, such as my Gitlab Pipelines and Twitter.

Also, right now I'm watching the traffic in GMaps from home to an appointment that I have in a few hours.

I see myself also using old-school screensavers that I always wanted to be as wallpaper.

Another awesome tool from you. TY!

Answer 32 · 2020-02-11T14:50:18.000Z

My Google Calendar setup:

calendar.google.com at 80% opacity:

header, button, .gboEAb {
  display: none !important;
}

body {
  width: 80vw !important;
  height: 80vh !important;
  margin: 10vh 10vw !important;
}

body, .tNDBE, .ef2wWc {
  background-color: transparent !important;
}

* {
  color: white !important;
  border: none !important;
}

Answer 33 · 2020-02-19T00:37:15.000Z

I've currently got an invisible bitbar plugin that downloads the artwork of the track I'm listening to on Spotify and Plash just points at a HTML file containing an image tag with the downloaded image as the source.

https://gist.github.com/davidsharp/f789b067448ae3548707b232d39f2e6b

It's using some JXA to get the URL from Spotify, does a quick check to determine if it needs to download, curls it to a file and then whenever Plash reloads, the background will be the album art of whatever's currently playing.

I have slightly grander plans for this, it's more of a proof-of-concept at the moment than anything, as it looks a bit ugly, but I've been looking for a way to use my Spotify currently playing as my background for a while (previously I'd built a similar thing as an Electron app).

That said, if I could hook directly into Plash via Applescript/JXA to pass the URL from Spotify to Plash, that'd be ace.

edit ~ I've updated the index.html to reload the image itself, so plash doesn't need to reload the page at all

Answer 34 · 2020-02-19T09:13:05.000Z

@davidsharp That's very creative 👌

That said, if I could hook directly into Plash via Applescript/JXA to pass the URL from Spotify to Plash, that'd be ace.

#44 (not likely to happen soon)
#45 (I'll try to work on this soon)

I assume 2will work for you?

Answer 35 · 2020-02-19T09:23:58.000Z

I assume 2will work for you?

I believe so!
Should be able to just run that from the plugin, rather than reading and writing files 👌

Answer 36 · 2020-02-20T09:05:21.000Z

Hi all,
I am using Plash to show Flightradar24 in my vicinity. I just like to know what is above my head 😉
Sharing my custom CSS to hide some unwanted items there:

#navContainer, #leftCol, .site-brand, #fr24_SearchContainer, #fr24_ViewsToolbar, #fr24_ViewsDropdownContainer, img[src^="https://maps.gstatic.com/mapfiles/api-3/images/google_white"], .gmnoprint { display: none !important; }

I was thinking about going even further with it and make a custom HTML with iframes showing a "big picture" of the 50 km surroundings and somewhere in the corner put another one with close up look at the airport's runway. The problem is that CORS is preventing iframes from being loaded. Do you think it make sense to have an option to disable it?

Thanks for all the work on the app!

Answer 37 · 2020-02-20T09:10:55.000Z

The problem is that CORS is preventing iframes from being loaded. Do you think it make sense to have an option to disable it?

Would definitely be nice to be able to disable CORS, however, I haven't found any way to do it. If anyone know a way to do that, let me know.

Answer 38 · 2020-02-25T05:09:37.000Z

I made a website that fetches NASA's Astronomy Picture of the Day and sets it as the background image! This was inspired by Sindre's Bing Photo of the Day website:

https://github.com/dombrant/nasa-apod-request

Answer 39 · 2020-02-28T04:27:58.000Z

I use Plash to display a customized https://plan.foreflight.com/map (add lat+long to URL) and have a VFR chart with realtime weather and airport conditions (and animated satellite of clouds and radar of precipitation). I can quickly enable browsing mode to add in a proposed flight plan and watch the weather along the route.

I also use flightradar24.com to show a realtime map of nearby overhead aircraft.

Thanks for your work on this project! Really cool!

Answer 40 · 2020-03-02T08:41:29.000Z

I just added a new widget to the PlashServer series mentioned above: http://www.customct.com/#/tutorials/plashserver/exchangewidget

It gives you an exchange rate display. Since I live in Thailand, I’m always checking the current rates and now you can too.

Answer 41 · 2020-03-04T16:02:22.000Z

I use Plash to show my team's Azure DevOps Board.

I use injected CSS to hide header and sidebar

.project-navigation.region-navigation.flex-column.flex-grow.collapsed,
.flex-row.flex-grow.region-header,
.vss-PivotBar--bar-two-line {
  display: none;
}

Answer 42 · 2020-03-13T20:23:32.000Z

I use Plash with Bloomberg Watchlist. If you own stock or currency it is really useful for checking it's current price and your gains/losses

Custom CSS that hides all UI, ads, navbars, etc. (use with Invert Website Colors):

#leaderboard, nav, .datastrip, .navi-breaking-news, .bb-global-footer, .page-ad, .bb-that, #navi {
  display: none;
}

Answer 43 · 2020-03-19T10:54:10.000Z

I just added a Text widget and a Corvid-19 widget to my Svelte Plash Server. The Corvid-19 widget is configurable to show any country stats. I fully documented the code, so you can change what you need to. For me, it now looks like:

I live in Thailand, but I’m from the USA. That is why I’m show those two locations. Have fun!

Answer 44 · 2020-03-22T22:58:00.000Z

Currently set to https://gisanddata.maps.arcgis.com/apps/opsdashboard/index.html#/bda7594740fd40299423467b48e9ecf6

Answer 45 · 2020-04-04T14:22:52.000Z

IMHO this is a classic:

url: https://rezmason.github.io/matrix/

NOTE: took it from this github repo (not mine)...
Kudos to the guy who made it.

https://github.com/Rezmason/matrix

Answer 46 · 2020-04-08T17:37:27.000Z

Real time sky with star signs and cind of satellite tracking:

https://stellarium-web.org/

Answer 47 · 2020-04-14T12:02:53.000Z

I'm using https://www.fioapp.co/app/ to show different hours for different timezone.

Answer 48 · 2020-04-21T08:37:46.000Z

I wrote a live feed for what I'm doing on my Mac and other devices, it ties in any platform I connect it to. It uses a standard data model, and currently renders all Discord presence's as well as what I'm listening to on any Spotify device.
https://github.com/EricRabil/PresenceBot (backend, runs on a VPS, tracks my activity)
https://github.com/EricRabil/ericvue (hosted on gh-pages)

Answer 49 · 2020-05-23T20:50:14.000Z

URL:

http://www.3quarks.com/images/svg/german-clock.svg

Instructions:

http://www.3quarks.com/en/SVGClock/index.html

Answer 50 · 2020-07-05T18:42:06.000Z

Re-use of Übersicht widgets

As a longtime, former Übersicht.app user, I rewrote all my widgets that I've used with Übersicht and integrated them into one webpage. Since the Apache-Server is running in the background anyway, it was easy to do. Here is a screenshot with 4 of my widgets (FuzzyTimeWithDate, openWeatherMap, osVersionUptime and calendar):

Answer 51 · 2020-07-29T16:16:58.000Z

HD video of a random window in the world https://window-swap.com/

Answer 52 · 2020-08-05T11:19:38.000Z

Typing Practice - https://www.keybr.com/

Take typing speed test, practice your touch typing skills, learn to type faster and with fewer errors with this free online typing tutor.

Plash Preferences

Custom CSS

I moved the window below to avoid attracting the attention of others when I practice typing at work.

header, aside, iframe {
  display: none;
}

main {
  display: flex;
  flex-direction: column;
  padding-top: 50vh;
  align-items
}

main > section {
  background-color: rgba(34, 33, 33, 0.8);
  border-radius: 50px;
  align-self: center;
}

html > body {
  background-color: rgba(34, 33, 33, 0.2);
}

html > body::before {
  background: transparent;
}

Site Settings

Simply turn on the Dark Mode (sun icon).

03.07.2021 updated css

Answer 53 · 2020-08-25T01:39:47.000Z

You can embed p5.js and openprocessing sketches, with links like this!
openprocessing.org/sketch/816453/embed

It's animated and you can make your own animations. 🚀

Answer 54 · 2020-11-17T08:54:14.000Z

I use Plash to display the status of my Home Assistant smart home devices.

Answer 55 · 2020-11-24T22:50:45.000Z

I created a custom dashboard using React, showing a greeting based on time of day, current time, currently playing Spotify track and Todos.

Answer 56 · 2021-01-10T04:46:51.000Z

Screen.Recording.2021-01-09.at.10.37.20.PM.mov

from http://regl.party/

Answer 57 · 2021-01-19T04:36:03.000Z

Finally able to find a home for this exquisite corpse clock (randomly samples short story excerpts with breaks to create continutiy) that I'd originally planned for a tiny e-ink screen! https://exquisitetime.github.io/index.html

Answer 58 · 2021-01-25T21:20:58.000Z

https://simply.fyi

Quotes scraped from Kindle highlights archive.

https://simply.fyi

Answer 59 · 2021-02-02T08:44:38.000Z

Daily wallpaper from Bing: https://bing.biturl.top/?format=image&index=0

Answer 60 · 2021-02-24T12:20:46.000Z

https://earth.nullschool.net/

Answer 61 · 2021-02-25T16:20:43.000Z

https://squalid-insect.surge.sh/

Answer 62 · 2021-03-08T08:05:00.000Z

This is very interesting!!!
https://theuselessweb.com/

Answer 63 · 2021-03-22T18:54:01.000Z

@sindresorhus your first example http://twistori.com/#i_think is dead since about april2020 according to archive.org

Answer 64 · 2021-03-30T17:34:50.000Z

Plash 2 is out now.

I have updated my Google Calendar tip. It now looks much better on the desktop.

Answer 65 · 2021-03-31T16:13:01.000Z

Stock tracker

URL: https://stockstracker.app/userstocks.html?ticks=GBTC,VTI
(Change the last part to the stocks you want to track)

Change the width in the CSS to adjust the width. And change right to left if you want it on the left side instead.

Without background

#stkList {
	position: absolute;
	right: 0;
	top: 0;
	width: 400px;
}

* {
	color: rgba(255, 255, 255, 0.8) !important;
}

.copyright {
	display: none !important;
}

With background

#stkList {
	background-color: white;
	position: absolute;
	right: 0;
	top: 0;
	width: 400px;
	border: 5px solid hotPink;
	border-radius: 5px;
}

.copyright {
	display: none !important;
}

Answer 66 · 2021-04-06T05:19:23.000Z

Very new to all of this, but I made my first "site" and it apparently works well with this great app:
redwork.ca/time

I found that either adjusting the opacity looks great, or you could use:
* { background-color: transparent !important; }
in the CSS to make the background transparent.

Hope you enjoy it. Appreciate any feedback you could give a newbie.

Answer 67 · 2021-06-10T18:12:04.000Z

Animated (moving) Flying Toasters (After Dark) in CSS
https://www.bryanbraun.com/after-dark-css/all/flying-toasters.html

Answer 68 · 2021-06-10T18:35:55.000Z

The FireEye Cyber Attack Map is another fun option. https://www.fireeye.com/cyber-map/threat-map.html

Answer 69 · 2021-06-30T10:32:59.000Z

The ultimate window to the world: refresh for a random webcam view from a window somewhere on the globe. Amazing, love Plash for making this possible... (yes the trucks drive up and down the street)

https://www.window-swap.com/Window

Answer 70 · 2021-07-05T15:52:19.000Z

Another one like the above: https://virtualvacation.us/window

Answer 71 · 2021-09-13T01:23:38.000Z

Another one like the above: https://virtualvacation.us/window

This is good, but do not have a static URL of any the specific city.

Answer 72 · 2021-09-13T02:56:19.000Z

Another one like the above: https://virtualvacation.us/window

This one is better due to less writing around the picture.

Answer 73 · 2021-09-13T04:40:11.000Z

@raguay The overlay content fades out though.

Answer 74 · 2021-09-19T09:09:15.000Z

Would it be possible to remove the background and the text over the clock in fullscreen mode, from this word clock? https://www.timeanddate.com/wordclock/?fta=1632042129_bc303d7b1f21c36e_66448f6964bad614b0fa8ac04b92a3fb&n=2199

Answer 75 · 2021-09-19T09:14:26.000Z

@theodorjs You can add some CSS to hide elements:

.wrdck__link,
#zoombut[src$="zoomoutblack.png"] {
	display: none;
}

Answer 76 · 2021-09-19T09:22:09.000Z

Thank you @sindresorhus
That got rid of the unnecessary text in fullscreen mode.

Answer 77 · 2021-09-28T18:03:31.000Z

I made a website to show the weather using Minecraft screenshots.

https://andreaswilli.github.io/minecraft-weather/

Answer 78 · 2021-10-09T22:10:26.000Z

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

Add https://calendar.google.com as a website.

Enable “Use print styles ”. (This simplifies the calendar layout) (This options requires macOS 11)

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;
}

Answer 79 · 2021-10-09T22:11:03.000Z

how can you add an outline border on the box for the current day

Answer 80 · 2021-10-14T03:39:42.000Z

This is my ideal use case: https://louie.co.nz/25th_hour/

A beautiful animated wallpaper that can change with the time.

Unfortunately it moves too quickly to be a true reflection of time passing, so I wondered if there's something I can do with custom CSS/JS to slow it down to a 24h interval.

Anyone know how?

Answer 81 · 2021-10-14T04:24:25.000Z

@jacklaing I start by contacting the developer. His contact info is on https://louie.co.nz/

Answer 82 · 2021-10-15T15:43:16.000Z

@spkane thanks for the advice.

The designer very kindly responded with a direction that may work.

Basically it's just running off a CSS animation duration of 60s at the moment, simply changing that to 24hrs - 86400s might do the trick but possibly not, but as soon as you start the program it would load at midnight which would negate the purpose of changing it. If you wanted to do it you would need to run js to get the current time of day, change the class of the body at 4 intervals for each scene, then change all the transitions to reference the new classes rather than a 60s global timer.

This is outside my area of expertise so I'll leave it here in case anyone more knowledgeable sees this, likes the wallpaper, and wants to try it for themselves.

I wonder if the Reload Interval preference may help here if it could be updated to also include a reload time (midnight) but I suspect that wouldn't address what happens when you load Plash up at a time that isn't midnight.

P.S. the designer also shared a gorgeous updated version of the animation https://louie.co.nz/lakeside2019v2/

Answer 83 · 2021-11-10T15:04:18.000Z

Great app! We're using it to display a Team-Dashboard from Google Sheets in the background.
That way, we cannot forget to open (or review) the dashboard sheet, as it's always part of the desktop :)

Here's a sample:

The CSS to adjust the sheet:

:root{width:600px;margin:0}
body{background:transparent!important}
#docs-chrome{display:none}

Answer 84 · 2021-11-28T12:01:58.000Z

Great app, thank you!

For https://manifest.app (sticky notes) you can use custom CSS to make background transparent:

body { background: transparent !important; }

#grid { display: none; }

Answer 85 · 2021-12-15T11:49:46.000Z

Desktop as a canvas: https://twitter.com/thesolarmonk/status/1469762780848820226

Answer 86 · 2021-12-22T13:31:18.000Z

I made a website to show the weather using Minecraft screenshots.

https://andreaswilli.github.io/minecraft-weather/

use this css styles:

body {
    overflow: hidden;
}

Answer 87 · 2021-12-30T22:34:49.000Z

'Littlelist's Tokyo' by Glen Fox
https://threejs.org/examples/webgl_animation_keyframes.html

CSS to remove extremeties:

#info {
	display: none;
}

#container div canvas {
	opacity: 0;
}

Answer 88 · 2022-01-02T11:58:41.000Z

Fancy Digital Clock by Cory on Codepen (added some changes)

Preview:

Link: https://codepen.io/hisamafahri/full/gOGevVo

CSS:

header#main-header {
  display: none !important;
}

Answer 89 · 2022-01-04T15:12:01.000Z

Sketchfab (Setting 3D Objects as Wallpaper)
I'll be using this project for comparison

Select your project

Open inspect element and find the embed url of the project

Add 'transparent=1&annotation=0&annotations_visible=0&' after 'embed?'
(You can also add "autospin=1" which spins the 3D model automatically):
https://sketchfab.com/models/3baba9e13bfd4233935729f109d0e13b/embed?transparent=1&annotation=0&annotations_visible=0&autostart=1&internal=1&tracking=0&ui_infos=0&ui_snapshots=1&ui_stop=0&ui_theatre=1&ui_watermark=0
Add the following to the CSS

.controls {
	display: none !important;
}

You're done!

Answer 90 · 2022-02-03T00:52:37.000Z

I build this: https://photos-4-zwift.glitch.me/ long time ago :)
A simple web app to watch some photos while you are training on Zwift.

Answer 91 · 2022-02-28T18:57:16.000Z

Does anybody knows a quote website to display quotes on the screen?

Answer 92 · 2022-03-01T10:08:08.000Z

Does anybody knows a quote website to display quotes on the screen?

https://simply.fyi was previously shared as an example of on-screen display of quotations.

Answer 93 · 2022-03-01T13:10:22.000Z

https://simply.fyi is a quote display site that has already been mentioned as a splash use case.

…

________________________________ From: Pasang Lama Tamang ***@***.***> Sent: Monday, February 28, 2022 1:57 PM To: sindresorhus/Plash Cc: jkrobin; Comment Subject: Re: [sindresorhus/Plash] Share your use-case (#1) Does anybody knows a quote website to display quotes on the screen? — Reply to this email directly, view it on GitHub<#1 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AH6AYRTAKKKAFJKI7NFD2Y3U5PARXANCNFSM4KEWZIGA>. Triage notifications on the go with GitHub Mobile for iOS<https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android<https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>. You are receiving this because you commented.Message ID: ***@***.***>

Answer 94 · 2022-03-01T13:26:25.000Z

I have enabled discussions on this repo, so you can now share your use-case there instead and there's also a category for asking questions: https://github.com/sindresorhus/Plash/discussions