Skip to content
Scale the entire UI with this plugin
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information. chore: add licence Aug 26, 2018
MMM-zoom.js docs: screenshots Aug 26, 2018

Module: MMM-zoom

Scale the entire UI with this plugin

If you are running MagicMirror in a Docker container, like me, you may noticed the custom.css file will not be loaded. This is because only the modules and the config directory are mounted. So if you want to scale your MagicMirror UI with custom CSS it won't work. This module will do the job.


Default zoom

MMM-zoom - 100%

75% zoom

MMM-zoom - 75%


In your terminal, go to your MagicMirror's Module folder:

cd ~/MagicMirror/modules

Clone this repository:

git clone

Configure the module in your config.js file.

Using the module

To use this module, add it to the modules array in the config/config.js file:

modules: [
        module: 'MMM-zoom',
        config: {
            zoom: 0.75

Configuration options

The following property can be configured:

Option Description
zoom Zoom level as a number or a percentage.
Default value: 0.75



This project is licensed under the GNU General Public License v3.0 - see the file for details


  • FredSWG - Code sample "how-to" scale the entire Magic Mirror UI.
You can’t perform that action at this time.