MagicMirror² module to globally reposition other modules on screen via fixed coordinates.

Positioned:

• 💯 Absolute positioning with exact pixel coordinates
• 🎯 Supports all four edges: top, left, right, bottom
• 🧩 Individual containers for each module
• 🚫 No conflicts with original module positioning
• 🔍 Built-in debug mode with visual guides
• ♻️ Automatic cleanup when disabled

1. Clone into your MagicMirror/modules directory:

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

2. Add configuration to your config.js:

{
  module: "MMM-GlobalPositioner",
  config: {
    debug: true,
    delay: 1000,
    maxAttempts: 5,
    modules: [
      {
        name: "clock",
        position: { top: 20, left: 20 }
      },
      {
        name: "calendar",
        position: { bottom: 30, right: 50 }
      }
      //add as much modules as you like
    ]
  }
},

• Creates individual fixed-position containers
• Moves modules into their dedicated containers
• Applies precise positioning via CSS
• Maintains original module functionality

Debug: true,

Original_Position

Q: My module isn't moving

• Verify the module name matches exactly
• Check browser console for errors
• Increase delay or maxAttempts

Q: Elements overlap incorrectly

• Adjust zIndex in your module config
• Use different coordinate pairs (top+left instead of bottom+right)

MIT © [ChrisF1976]