Breaking changes in upcoming April release,
We’ve structurally reorganized the system to strictly separate user data from repository data.

The modules folder now contains only user data in the form of third-party modules. The standard modules included with MagicMirror² have been moved to a separate directory, defaultmodules.,

The css folder now contains only data belonging to the MagicMirror repository.

The previously located custom.css file has been moved to the config folder. This happens automatically the first time you start the new version of MagicMirror². The installer and upgrade scripts will do this too

The way config.js is loaded has changed. This should not affect standard users. However, it may have side effects for third-party modules. The client (browser) no longer loads config.js directly from the file system but via the web server (/config).,

Support for config.js.template files has been removed. we will not generate the final config.js like we do today.

Instead, config.js now supports curly braced bash variables. and the .env file remains the same

Users who previously used a template must copy its contents into config.js once

If MagicMirror² is running as an Electron application:

We’ve changed the default window manager in the startup script from X11 to Wayland. Most Raspberry Pi OS users are likely now using trixie or bookworm, which already ship with Wayland as the default. Running node --run start is now equivalent to node --run start:wayland. Users still using X11 must now switch to node --run start:x11.

The kioskmode, which has been marked as deprecated for 10 years, has been removed. If the kiosksmode parameter is set in config.js, it can be removed; it is now ineffective. You may need to adjust electronOptions parameters if you used kiosksmode before.

If you think any modules you’ve developed may be impacted, you can use the develop branch to test . see this topic about how to get the develop branch if you need to do that
https://forum.magicmirror.builders/post/86422

also if you test as a user and find any issues

please use this topic for any issues you find…

Also,

there are substantial changes to the Calendar module to finally cleanup all the date, timezone, and Daylight savings problems. this removes the use of the moment js library

a complete rewrite of the weather module, to move data acquisition into the node_helper and share that data between module instances (current/forecast for example) … this will help reduce the number of api calls the module makes when there are multiple instances.

Using MMM-BackgroundSlideshow for a while now and trying to tweak the imageInfo box to remove the header.

Current header: PICTURE INFO
I’d like to remove it entirely.

My module config is below:

	{
			module: 'MMM-BackgroundSlideshow',
			position: 'fullscreen_below',
			config: {
  				imagePaths: ['/mnt/nas/'],
			recursiveSubDirectories: true,
			transitionImages: false,
  				randomizeImageOrder: true,
			showImageInfo:	true,				
			imageInfoLocation: "bottomRight",
			**imageInfoTitle: "Photo Details",	//fails to change header**
			imageInfo: "date",
			showProgressBar: false,
			imageInfoNoFileExt: true,
			showAllImagesBeforeRestart: true,
			slideshowSpeed: 600000
				}
	},

Note: the bold line (imageInfoTitle) was my attempt to change it to see if that worked but it didn’t.

Bonus points for any way to have the photo date display without the timestamp

Thanks

anyone facing issue with the api not updating?
in my mirror it is showing next api update is on 21 march 2026. current image showing epl data stats from late jan, meaning the recent matches data is not shown. like the games for yesterday is invisible as well.

Not sure if everyone already knows this… but I just figured out that if you add

.MMM-GoogleSheets table {
  background-color: transparent !important;
  border-collapse: collapse;
}

.MMM-GoogleSheets td,
.MMM-GoogleSheets th {
  background-color: transparent !important;
  color: white !important;
  border: none !important;
}

to your custom.css, the background becomes transparent!
(nice if you use, eg, https://github.com/parnic/MMM-Unsplash for a nicer background)

Thought I’d share this just for the fun of it.
Best,
Karl

Where do the modules go for the MagicMirror OS? I’ve install MM OS and I cannot figure out where they are supposed to go.

Thanks
Bill

Good morning
My mirror has been pretty stable since my last post which is great. I have three pages, one is my main with calendar, weather etc and the last one has iFrame with my Home Assistant on it.
Yesterday I decided to do some updates, I finally updated Magic Mirror itself, MMM-CalendarExt3, MMM-page-indicator and MMM-Remote-Control. The latter was a pain and took a bit of time as had some messages about different branches, but it is now showing as up to date.

My problem is that although the page indicator looks the same, the “Home” button is pulsing to show it is the focus page, however, I cannot switch pages. I’ve checked documentation to see if I needed to make any changes to the config file, but it looks like no changes to that are needed.

I have set it up using classes.
I’m about to head to work, but was hoping someone might either know a quick fix or what to check in logs etc that might point me in the right direction. I have a touch screen and that is still working as if I click on an event on the google calendar, the event pops up. Unfortunately this means I cannot access Home Assistant through my MM which is really frustrating!

Hello everyone, I need your help once again… I reinstalled my mirror using @sdetweil’s scripts, which are perfect. I reinstalled it because I had updated it 6 months ago and the mirror wouldn’t start anymore because the OS version was no longer supported. My problem is this: in the modules containing links to YouTube videos, they no longer work. I get a gray window with the following message: “This live stream recording is not available.” Do you know how to fix this? Thank you in advance for your help.

Any Synology Photos users here? Created a magic module that showcases your Synology photos on the mirror.

Hi,

I am trying to update the text in the customEvents section of the default calendar using a transform, but I am unable to make it work. Any thoughts on what I am doing wrong?

{keyword: 'Canterbury-Bankstown Bulldogs', transform: { search: 'Canterbury-Bankstown Bulldogs', replace: 'Bulldogs'},
{keyword: 'Spotify', transform: { search: 'Spotify', replace: 'Music'}},

Thanks
David

Dear community,

just a heads-up for those of you using MMM-Globe with the europeDiscNat or europeDiscSnow
style — you’ve probably noticed that the satellite image has been stuck since around
February 22. Turns out EUMETSAT has pulled the plug on their old static image server at
eumetview.eumetsat.int. They moved to a shiny new platform at view.eumetsat.int, but
unfortunately it’s a JavaScript app now — no more simple image URLs we can point a module
at.

I’ve also opened an issue on the original repo for reference:
https://github.com/LukeSkywalker92/MMM-Globe/issues/22

I realize this probably flew under the radar for most of you — if your globe is pointed at
the Americas or Asia, everything’s fine. But for the small but proud club of European globe
watchers, it’s been a rough week staring at the same cloud pattern wondering if the weather
had simply stopped.

Since the original MMM-Globe hasn’t seen any updates in a while, I went ahead and created a
fork that adds a new “meteosat” style. It pulls Meteosat full-disk imagery from the CIRA
SLIDER service (run by NOAA/RAMMB at Colorado State University). The GeoColor product looks
really nice on the mirror — natural color during the day, and city lights on a Blue Marble
background at night. I think you’ll like it!

Big thanks to Luke Scheffler (@lukecodewalker) for creating MMM-Globe in
the first place — his idea of turning satellite images into a globe with a simple CSS circle
clip is just brilliant. This fork builds on his work.

If you want to give it a try:
cd ~/MagicMirror/modules
rm -rf MMM-Globe
git clone https://github.com/rkorell/MMM-Globe.git

Then change your config to:
{
module: “MMM-Globe”,
position: “lower_third”,
config: {
style: “meteosat”,
imageSize: 600,
updateInterval: 15 * 60 * 1000
}
},

The fork also fixes an annoying startup issue where the globe would stay blank after a
reboot if the network wasn’t ready yet — something that probably bugged a few of us running
this on a Raspberry Pi.

All the details, available styles and config options are in the README:
https://github.com/rkorell/MMM-Globe

Happy mirroring! 🪞

MMM-MyTado

This a Magic Mirror² module for your TADO Thermostat.
The module is based on the idea from WouterEekhout, but his module is not maintained anymore.
I like the idea and built a version with a modern look and feel.

The module displays the following information:

• The Home name (🏠)
• The Zone names (Configurable names)
• A symbol (🔥) to show if the heater is currently active.
• The current temperature and the target temperature
• The humidity (💦)
• The hot water temperature (🩸)
• Frost Protection (❄️)
• Open Window (🪟)

Installation

Clone this repository in your modules folder, and install dependencies:

cd ~/MagicMirror/modules 
git clone https://github.com/htilburgs/MMM-MyTado.git
cd MMM-MyTado
npm install 

Update

When you need to update this module:

cd ~/MagicMirror/modules/MMM-MyTado
git pull
npm install

Config

Go to the MagicMirror/config directory and edit the config.js file.
Add the module to your modules array in your config.js.

{
  module: "MMM-MyTado",
  position: "top_right",
  header: "TADO Thermostaat",
  disabled: false,
  config: {
	updateInterval: 1800000,             // 30 min - because of limitation free account
        showZones: [],                       // [] = all zones, otherwise use zonename ["zone 1","zone 2"]
	showHomeName: true,					 // Show Home Name as defined within the Tado environment
        showColumnHeaders: true,             // true = show Columns Headers, false = Hide Columns Headers
	useColors: false,					 // Show colors for the Temperature column
        zoneColumnName: "ZONE",				 // Custom Zone Column Name - default = ZONE
        tempColumnName: "TEMP (°C)",		 // Custom Temperature Column Name - default = TEMP (°C)
        humidityColumnName: "",              // empty for no title (default)
        statusColumnName: "STATUS"			 // Custom Status Column Name - default = STATUS
  }
},

Authentication

The first time you run the module, you will need to authenticate with the Tado API.
No username or password is stored in MMM-MyTado, everything works with OAuth Authentication.
The module will log a URL that you need to visit in your browser to complete the authentication process.
Check the logs for a message like this:

MMM-MyTado: Device authentication required. 
Open this URL to authenticate:
https://login.tado.com/oauth2/device?user_code=XXXXXX

Visit the URL in your browser and follow the instructions to authenticate the module with your Tado account.

Configuration Options

Versions

v1.0.0 - Initial release

Credits

This module is inspired by the MMM-Tado module from WouterEekhout
Using the NPM package node-tado-client

Hi,

i have finish my development to integrate Cupra / Seat Telemetry Data in my MagicMirror.

I don’t have writen a Module for MM, but i have integratet a Python Script to read via Node-Red the Data from the Car, and send it over MQTT to the MM.

All the Work do Node-Red.

Im not sure, if Im right here, but maybe it helps some other Users.

It is writen in german, so if you need an other language use a translator.

1. Installation of pycupra to read the data:

https://github.com/SteitzTo/pycupra_manual_de.git

2. Installation of an Node-Red Workflow to send the Data to the MM:

https://github.com/SteitzTo/pycupra_to_MagicMirror.git

I hope it helps other Users to Display some Data from there cars.

Greetings Torsten

hello, is it possible in mmm calendar to show the start time (e.g 16:00), like it is already the case for the following days, and maybe the end time instead of “in 2 hours”?

Thanks for your opinion and help if you can.
Greatings.

Has anyone recently installed/configured MMM-BackgroundSlideshowInfo by gpetersen?

The installation guidance here: https://github.com/gpetersen/MMM-BackgroundSlideshowInfo from 7 years ago mentions having to install a specific version of MMM-BackgroundSlideshow as the original version is not compatible?

Until the original MMM-BackgroundSlideshow module updates their code, you will also need an updated version of MMM-BackgroundSlideshow found below. You need this module in addition to MMM-BackgroundSlideShowInfo.
Run: git clone https://github.com/gpetersen/MMM-BackgroundSlideshow.git (This version is needed so it will send notifications when the image changes).

As this is from 7 years ago, and MMM-BackgroundSlideshow has been updated many times since then I was wondering is this still necessary?

AI Coding Tools Infuse a New Life in MagicMirror

But before that; a word of caution, PLEASE, Please know what you are doing, take backups.

Over the past few months, I decided to revisit my MagicMirror setup, and the transformation has been substantial. What was once a stable but slowly evolving dashboard has now become a far more dynamic, optimized, and feature-rich system, largely due to the practical use of modern AI coding tools. Previously, extending or modifying MagicMirror modules required significant time for debugging, documentation review, and iterative testing. While that process was valuable, it often slowed experimentation. With AI-assisted development, I was able to accelerate module customization, refactor legacy configurations, improve styling consistency, and resolve dependency conflicts far more efficiently. Some of the key improvements included:

• Refactoring older custom modules for cleaner, maintainable code
• Optimizing API integrations for faster data refresh cycles
• Improving CSS layout responsiveness and visual structure
• Enhancing module intercommunication logic
• Automating repetitive configuration adjustments
• Generating code for new Modules, customised to my requirements and setup
• Tight integration with Homeassistant
  AI tools proved especially effective when troubleshooting obscure npm issues, adjusting Node.js compatibility problems, and restructuring asynchronous logic. Instead of spending hours isolating minor errors, I could focus on architectural improvements and feature expansion.
  The result is a significantly more responsive, visually refined, and modular MagicMirror installation—essentially a complete recharge of the system without starting from scratch.
  AI coding tools are not a replacement for understanding the underlying architecture, but they are undeniably powerful accelerators. For anyone maintaining or expanding a MagicMirror instance, integrating AI into the workflow can dramatically reduce friction and unlock creative possibilities.
  It has effectively given my MagicMirror a second life. I am currently using, Claude Desktop with Sonnet 4.6, Openclaw, AgentZero . All these provide direct integration with MagicMirror and modify code and configurations directly.
  FInally remember PLEASE be careful and know what you are doing.

Is the news feed down for the last two days it hasn’t been connecting
the log shows

Could not fetch newsfeed: https://www.kron4.com/news/app-feed Error: Forbidden

and I checked the website and I was able to connect their

My Magic mirror version": "2.31.0

Hi,
I cannot get the graph to show on the screen. I tried various config but it didn’t work.
I tried the default config, same issue.
The ticket is showing up but not the graph.
Thank you

Hi, I am grouping modules by pages and wonder if it is possible to name each pages, like a header.
For example, all the weather modules are under the weather pages, stocks, under stick, etc…

I can’t figure out how to have MMM-EmbedURL to center the embedded item on fullscreen_above.

Can someone help out?

EmbedURL is apparently going full width.

So I decided to try MMM-ImagesPhotos And when I installed it in my magic manor everything went very well, but
now my MMM-TouchButton Doesn’t want to function
I have no clue here why this is happening and to verify it I removed
MMM-ImagesPhotos And the MMM-TouchButton Worked once again
Am I missing something here I tried to slow down the reloading of the images and that didn’t seem to work
Here are the two configurations that I’m currently using

{
			disabled: false,
			module: "MMM-ImagesPhotos",
			position: "middle_center",
			config: {
			 opacity: 0.9,
			 animationSpeed: 7000,
			 updateInterval: 7000,
			 maxHeight: "500px",
			 maxWidth:"500px",
			 sequential: false  // process the image list randomly
			}
		},
        {
		   // all .SH files Must be simple no dashes of any kind just names
		   // and they must be in the MMM-TouchButton script folder
		   // to execute a script file like stop.sh
		   // put ./ in front of stop.sh
		   
		   disabled:  false,
		   module: "MMM-TouchButton",
		   header: "Controls  MagicMirror",
		   position: "top_left",
		   config: {
			buttons: [
			{
			  name: "stop_MagicMirror",
			  icon: "fa fa fa-power-off",
			  command: "pm2 stop MagicMirror",
			  args: ""
			 },
			 {
			  name: "Minimize_MagicMirror",
			  icon: "fa fa-window-minimize",
			  command: "wmctrl -k on",                 // this actually minimizes all active windows
			  args: ""
			 },
			 {
			  name: "Snow",
			  icon: "fa fa-snowflake-o",
			  notification: "MODULE_TOGGLE",
			  payload: {hide: [], show: [], toggle:[]}
			 },
			]
		  },
		},

The settings in MMM-ImagesPhotos Are the default settings
any help would be appreciated