MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    1. Home
    2. chrisfr1976
    3. Best
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.
    C
    Offline
    • Profile
    • Following 0
    • Followers 0
    • Topics 20
    • Posts 128
    • Groups 0

    Posts

    Recent Best Controversial
    • MMM-Adventskalender

      Hello,

      I’ve created a quick module for an advent calendar. Is is customizable and the images can be chosen individual.

      I’ve made this module quite quick after I got the ideas yesterday morning. I’ll refine it a little but I did’t want to let you wait any longer g

      It could contain some bugs and may not be perfect at this time. Let me know what you notice, and I will try to improve it.

      MMM-Adventskalender

      Example

      posted in Fun & Games
      C
      chrisfr1976
    • MMM-SmokeFree – Track your smoke-free journey

      Hey everyone,

      I just published a new module: MMM-SmokeFree.

      It shows how many days you’ve been smoke-free, how much money you’ve saved, and your next milestone — all wrapped in a motivational display.

      GitHub: https://github.com/ChrisF1976/MMM-SmokeFree

      🚭 Quit once. Stay proud every day.

      Style:simple
      simple

      Style:magnet
      magnet

      posted in Health
      C
      chrisfr1976
    • MMM-Fireworks

      Hi,

      I’ve created a quick module for New Year’s Eve or other events you’d like to highlight on your mirror.

      The MMM-Fireworks module brings a visually stunning fireworks display to your MagicMirror, designed to celebrate special occasions. The fireworks animation runs best in the fullscreen_above region, creating an immersive experience. The start time and duration of the display are configurable via the config.js file.

      MMM-Fireworks

      MMM-Fireworks

      Have fun and take care :-)
      Chris.

      posted in Entertainment
      C
      chrisfr1976
    • MMM-ShellyStatusTable

      Hello,

      finally I finished my first MM-module. I was struggling with the existing shelly modules so I decided to create a new one which uses only the cloud-api in order to be independent from the device itself.

      MMM-ShellyStatusTable

      The MMM-ShellyStatusTable module displays the switch status and power consumption of multiple Shelly devices in a table on the MagicMirror², including a total consumption sum. It regularly updates the data via the Shelly Cloud API Gen 1 and Gen 2+. So it should be independed from the devices in your smart home.

      It is currently hard to say if every device is considered correctly. I have the following devices and it works:

      • Shelly Plug / PlugS
      • Shelly Plus Plug S
      • Shelly Plus 1 PM

      Currently no translation is available. It will follow in the next days. But it is not hard to fix by your own, I hope.

      I’m not really a module developer but ChatGPT finally fixed it :-)

      Please try and give me a feedback if you discover some problems. Maybe I can help, but I’m no sure at all :laugh:

      posted in Utilities
      C
      chrisfr1976
    • RE: Slideshow for PDFs question

      @sdetweil

      Challenge accepted :)

      MMM-PDFSlideshow

      I had some time today so I sat down and created something. Maybe useful. I’ll upload some Asterix-pdf to my mirror.

      I’m happy with this status. If anyone needs modifications create a pull request. I’m not happy with the fullscreen behavior since the scaling does not work as expected (fullscreen always uses the full width, so a full page display is not nice in landscape orientation). But I do not really need this.

      posted in Forum
      C
      chrisfr1976
    • MMM-ShellyPV

      Hello,

      After creating my first Shelly MMM module, I knew it was time for an upgrade. I wanted something with a more polished, visually appealing look than a basic table. Introducing my new module:

      ShellyPV

      Example:
      ShellyPV

      This module can also more or less replace the MMM-ShellyStatusTable. If a device is switched on or off it is dynamic displayed in the list.

      Bild Text

      Give it a try and give me Star ;)

      Cheers,
      Chris.

      posted in Utilities
      C
      chrisfr1976
    • MMM-GoogleMapsTraffic error removal

      Hello,

      I had a lot of trouble with other module while the MMM-GoogleMapsTraffic was active. The last commit is more than 7 years ago and there are many open issues. So I decided to rework the module. I’ve sent a pull request of course. Let’s see if the original developer is still active.

      This is my fork: MMM-GoogleMapsTraffic

      Biggest change: the module has no other dependencies except the MagicMirror anymore. So you can completely remove the old module with all node modules in that folder. An installation is also not necessary. The old config is unchanged. Just restart your mirror!

      There is just a warning message left. This is not so easy of fix (Google has changed the markers). So you really need to work n the API to get a new map and so on. I’ll update this, if the markers do not work anymore.

      So far everything is fine in my environment. The console shows no errors anymore.

      Enjoy!

      posted in Transport
      C
      chrisfr1976
    • RE: MMM-Adventskalender

      @KristjanESPERANTO Done. I’m not yet completely happy with the style. I’ll work on it next Summer :)

      posted in Fun & Games
      C
      chrisfr1976
    • MMM-FilterMonitor

      Hi,

      I just made a quick module as a reminder for myself to change the filters for my ventilation system.

      It monitors the Shelly power consumption of the system, providing visual alerts when filter maintenance is needed (based on adjustable power values - I’m still playing to find the correct value for my system).

      Maybe also useful for aquarium filters, HVAC systems, or any filter with power monitoring using a Shelly device.

      Features:
      ✔ Real-time Shelly power monitoring
      ✔ Color-coded status indicators
      ✔ Customizable alert thresholds
      ✔ Compact, clean display

      MMM-FilterMonitor

      Bild Text

      posted in Utilities
      C
      chrisfr1976
    • MMM-Carousel CSS influence

      Hi,
      I used MMM-Carousel more or less since the beginning on my mirror (over 1 year :).

      A few days ago I discovered and issue in the “bottom_bar” region. The bottom bar was not in the bottom at all. It was shifted up like 30px. I searched for the issue but all I found in that region was the MagicMirror body.
      So I adjusted custom.css and even main.css. But without any change on that.
      Then I deactivated modules in other regions. And “uups”, after Carousel was disabled everything was fine again.

      So I reinstalled that module completely. rm -r MMM-Carousel and then again git clone ... instead of git pull. That solved that Issue. Maybe during the past some more has changed in that module or maybe there were some old node_modules inside (maybe npm install was necessary in the past. Don’t know).

      I just wat to tell this if someone is discovering the same behavior.

      posted in General Discussion
      C
      chrisfr1976
    • MMM-EventSearch - show events in your city from google

      Hi guys,

      I’ve created a new module. My motivation was to see what’s up around me in my city. I’ve missed so many events in my life, so I was searching for an event reminder. But I didn’t find anything that fits to my belongings. So I decided to create something on my own:

      MMM-EventSearch

      The MMM-EventSearch module for MagicMirror fetches and displays event information using the SerpAPI to search for events based on a given query, location, and other parameters. It uses in this case google (see SerpApi for other options) and displays the list results from google which everyone has seen already.

      To find a suitable query go to goolge and try a little for your city or surrounding city/provice/state.
      The results are currently limited to the the results that google initally shows. So the “mode results” button does not work or is not accessible with this API!

      The module dynamically generates a table with event details, displaying:

      • Date/Time: Event’s date and time.
      • Title: The title of the event.
      • Image: A thumbnail image of the event, if available, which links to the event’s page.

      Event Fetching:
      Events are refreshed periodically based on the updateInterval. On the free plan from SerpAPI 100 calls are free per month. So be careful.

      CSS Styling is a little acc. to Google results.

      Bild Text

      Have fun!

      Cheers
      Chris.

      posted in Entertainment
      C
      chrisfr1976
    • RE: MMM-SmokeFree – Track your smoke-free journey

      @plainbroke Now you can modify the currency value direct in the config.js. And I’ve added some more options. In the beginning bigger is better. I’m still not smoking again and now “small is beautiful” :)

      Bildschirmfoto 2025-07-23 um 17.19.01.png

      posted in Health
      C
      chrisfr1976
    • MMM-Temp2IOT

      Hi,

      I have created a quick module to visualize outside temperatures from the Temp2IOT Sensor:

      MMM-Temp2IOT

      Screenshot MMM-Temp2IOT

      Get your own Sensor: Temp2IOT

      -1 iFrame on my mirror :)

      posted in Utilities
      C
      chrisfr1976
    • RE: MMM-Adventskalender

      Hello,

      I’ve added one nice interactions to the module now. This took me some days to get it fully running. But now I’m quite happy with the result, so I also share it here again:

      • CSS animations for door opening and closing effects.
      • Manual Door Interaction:
        • Click to Open/Close: Clicking a closed door opens it with an animated rotation.
      • Door Opening Animation:
        • 3D rotation animation from the right edge when opening.
        • Reverse animation when closing.

      The state is written in the state.json file. So now your kids can “really” open a door in the morning and if you shut down your mirror in the night it has the same state after a reboot.

      If you’re already running the module delete the state.json file if you feel that something does not work correct (I deleted it quite often during development so I can’t say if there could be an issue).

      The update sounds easy but believe me for me it was not ;-)

      MMM-Adventskalender

      posted in Fun & Games
      C
      chrisfr1976
    • RE: MMM-Fireworks

      Hello,

      unfortunately even more optimizations were necessary. So I update the repository.

      New:

      • hides all modules during animation
      • suspends all modules during animation

      Reduced effects:

      createExplosion(x, y) {
              const particleCount = 25; // was 50
      
      this.particles.forEach((p) => {
                  p.x += p.vx;
                  p.y += p.vy;
                  p.vy += 0.01; // less gravity
                  p.alpha -= 0.01;
              });
      
      
          setup() {
              this.canvas.width = this.width*0.95 //reduced width 
              this.canvas.height = this.height*0.95 //reduced height
              window.addEventListener("resize", () => this.resize());
          }
      
      • And updated CSS to be in the middle of the screen again.

      Hopefully you’ll celebrate this, too!

      posted in Entertainment
      C
      chrisfr1976
    • RE: MMM-GoogleMapsTraffic error removal

      @KristjanESPERANTO yes, why not!

      posted in Transport
      C
      chrisfr1976
    • MMM-FroniusSolar family modules

      Hi,

      i was working the last days on a module to get rid of the last iframes on my mirror. These modules can all visualize solar energy data from a Fronius solar system using SVG magic :)

      • MMM-FroniusSolar: Best for simple setups prioritizing clarity and minimalism.
      • MMM-FroniusSolar2: Suitable for scenarios requiring visual feedback on power flows (e.g., monitoring dynamic energy consumption).
      • MMM-FroniusSolar3: Ideal for larger or customizable displays where scalability is important.

      If you do not have a FroniusPV but your system has an API it should be not much work to adjust the node_helper file.

      All in a column:
      MMM-FroniusSolar

      posted in Utilities
      C
      chrisfr1976
    • RE: MMM-weconnectid with 2 accounts

      @sdetweil Wow, thank you so much! Perfect :folded_hands: :grinning_face_with_big_eyes:

      posted in Troubleshooting
      C
      chrisfr1976
    • RE: I need Help. my shopping list is not clickable

      @lucifer6669
      Hi,
      I’ve just fixed that issue in general. I’ve added wrapper.style.pointerEvents = "none"; and p.canvas.style.pointerEvents = "none"; in the module file. This allows pointer events to pass to modules underneath! So also the CalExt3 can be used again with the pop-up windows. I’m also very happy now :-)

      Cheers Chris!

      posted in Troubleshooting
      C
      chrisfr1976
    • RE: MMM-Fireworks

      I have completely reworked the MMM-Fireworks module!

      New:

      • It is now using the p5.js library. So it is now faster and I’ve added more config options.
      • Also the timing problem ist solved. You can define a start date and time. If you need to restart your mm inbetween it continues.
      • you can install it today and enjoy on next new years eve. (The JavaScript’s setTimeout is solved here (has a maximum delay roughly 2³¹–1 milliseconds - only 24.8 days)
      • Added a text overlay
      • runs as before in fullscreen but also “in a box” as every other module
      • And the best: the explosion effect is now really nice!

      Bild Text

      Bild Text

      posted in Entertainment
      C
      chrisfr1976
    • 1 / 1