Transformez vos dashboards Bubble en espaces dynamiques, personnalisables et modulaires.

🧭 Introduction

Modular Layout Manager est un plugin Bubble qui permet aux utilisateurs de créer, déplacer, redimensionner et personnaliser des widgets dans un dashboard. Il combine une grille responsive, un moteur JSON, et une logique drag & drop pour offrir une expérience similaire à Notion, Webflow ou Figma — directement dans Bubble.

🚀 Fonctionnalités principales

• 🔲 Grille dynamique : positionnement par colonnes/lignes avec snapping magnétique
• 🧩 Widgets modulaires : KPI, tableaux, graphiques, etc.
• 🖱️ Drag & Drop utilisateur : réorganisation en temps réel
• 💾 Sauvegarde JSON : chaque layout est stocké et restauré automatiquement
• 🔄 Mode édition / lecture : bascule entre personnalisation et usage
• 📤 Import / Export : partage ou duplication de layouts

🧱 Architecture du plugin

📐 Structure JSON

json

{ "layout": [ { "id": "widget_kpi_sales", "type": "KPI", "position": { "x": 0, "y": 0 }, "size": { "width": 2, "height": 1 }, "dataSource": "API_SalesStats", "visible": true} ], "layoutConfig": { "columns": 4, "rowHeight": 240, "gridGap": 16 } }

🧩 Composants Bubble

• RepeatingGroup pour la grille
• Group pour chaque widget
• Custom States pour le mode édition
• Draggable Elements pour le déplacement
• Toolbox pour parsing JSON