|

DMGLY : dessinez votre installeur macOS en navigation

Parcmondary

https://dmgly.com/

📌 DMGLY est un éditeur visuel de DMG macOS qui tourne dans le navigateur. On arrange l’appli, la flèche et le dossier Applications dans un aperçu live, on ajoute du texte ou un fond animé, et on exporte la config prête pour Electron, Tauri ou create-dmg.

Le préfixe DMG ne vend pas le rêve. L’installeur macOS par défaut, c’est un rectangle gris avec une flèche — personne n’a envie d’y travailler. DMGLY change ça : on ouvre dmgly.com, et l’éditeur s’affiche immédiatement. Pas de compte, pas de déploiement, pas d’install.

L’idée est simple. Vous voyez un aperçu qui ressemble à un Finder : l’icône de l’app, la flèche, le dossier Applications, tout est déplaçable. Vous pouvez ajouter des blocs de texte avec leur position, taille, police, couleur et rotation, ou charger un GIF animé en arrière-plan. Par défaut, un shader Paper Dithering tourne en boucle — c’est le fond animé du DMG sans effort. Un bouton Pause permet de geler le GIF pendant qu’on ajuste le design, sans toucher à l’animation exportée.

Ce qui rend la chose sérieuse, c’est l’export. Trois cibles :

  • Electron : un fichier electron-builder.dmg.json prêt à merger dans le config du builder.
  • Tauri 2 : un fragment tauri.dmg.json de la même nature.
  • macOS natif : un script build-dmg.sh qui appelle create-dmg avec le bon packaging.

Chaque ZIP contient le fond (GIF ou PNG à 1×), la config, des instructions, et un prompt IA généré localement — aucune API externe n’est appelée, les prompts restent dans le navigateur. Les images uploadées vivent dans IndexedDB : elles ne quittent jamais la machine.

La composition est stockée dans l’URL via nuqs. On peut la bookmarker, la partager, la rouvrir plus tard. Les paramètres de la page ne font pas perdre l’état.

Côté technique, c’est construit avec Next.js, React, nuqs, DialKit et Zod. Kapishdima en est l’auteur, 7 étoiles sur GitHub, 68 commits — un projet jeune qui tient ses promesses.

  • 🎨 Arrangement drag-and-drop dans un aperçu live style Finder
  • 🎞️ Fond animé : GIF upload ou shader Paper Dithering, exporté tel quel
  • 📦 Export Electron, Tauri 2 et create-dmg avec config prête à l’emploi
  • 🔗 Composition bookmarkable et partageable via l’URL
  • 🛡️ Prompts IA générés en local, aucune fuite de données

Limite honnête : le chrome Finder dans l’aperçu reste approximatif, la taille native de l’icône est 128 px, et l’upload n’accepte pas encore ICNS ni SVG. Mais pour qui veut un DMG propre sans sortir du navigateur, DMGLY coche la case.

Sources

Publications similaires

Laisser un commentaire