MARKETPLACE
PLUGINS
DASHMASTER (PRO)
DashMaster (Pro) logo

DashMaster (Pro)

Published June 2026
   •    Updated this month

Plugin details

DashMaster Pro is the definitive framework for building enterprise-grade SaaS dashboards, admin panels, and user-customizable workspaces directly inside Bubble.
We took the ultra-lightweight GridStack engine from our Free version and supercharged it. DashMaster Pro removes all limits and introduces advanced, heavy-duty widgets that would normally require 4 different plugins to achieve.

The crown jewel? The "Holy Grail" Native Injection. You can design complex Reusable Elements or Groups using Bubble's visual editor (with your own workflows, repeating groups, and plugins), and DashMaster Pro will seamlessly transplant them into a resizable, draggable dashboard widget!

🌟 Exclusive Pro Features:

Unlimited Widgets: No restrictions. Build massive, multi-monitor dashboards.

Native Bubble Injection: Drop your own Bubble Groups or Reusable Elements into draggable widgets. Your workflows stay 100% intact!

Interactive FullCalendar: A premium, fully responsive month/week calendar. Users can click dates and events to trigger Bubble workflows.

Drag-and-Drop Kanban: Built-in SortableJS boards. Drag cards between columns and instantly update your Bubble database.

Activity Feed / Timeline: Generate beautiful vertical timelines with colored nodes using simple JSON.

Advanced Interactivity: Turn any widget into a button. Detect exactly which widget was clicked to open popups or navigate pages.


✨ New in V2.0:

🎨 White-Label Engine: Inject primary colors, border radii, and custom fonts globally. Every widget, button, and chart automatically inherits your brand.

🔄 Real-Time Analytics: The new Update Chart Data action smoothly animates new data into existing charts without reloading the grid. No more clunky page refreshes!

📦 1-Click Templates: Instantly load complete, professionally designed layouts (CRM, SaaS Admin, Project Management) with a single workflow action.

🧹 Deep Memory Clean: A new Clear Dashboard action wipes the HTML and safely destroys background chart instances to prevent browser memory leaks in single-page apps (SPAs).

🔐 Multi-Tenant Ready: Combine the native Saved Layout JSON with user roles to load entirely different dashboards based on who logs in (Admin vs. Client).

Demo Page: https://demo-app-56978.bubbleapps.io/version-test/dashmaster_pro/1782062627014x100804776994582350

Editor Page: https://bubble.io/page?id=demo-app-56978&test_plugin=1782038569844x781743058417877000_current&tab=Design&name=dashmaster_free

$15

One time  •  Or  $5/mo

stars   •   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

NoCoddo logo
NoCoddo
Joined 2025   •   100 Plugins
View contributor profile

Instructions

📖 Complete Instructions V1 To build your interactive Pro dashboard, follow these steps:

1. Preparation

Go to your app's Settings > General and check "Expose the option to add an ID attribute to HTML elements".

2. The Workflow

Place the DashMaster Area element on your page.

Create a Workflow (e.g., When Page is Loaded).

Step 1: Add Initialize Dashboard (Set columns and optional saved layout JSON).

Step 2: Use the "Add" actions to queue your widgets (Add KPI, Add Chart, Add Native, Add Calendar, etc.).

Step 3: Add the Render Dashboard action at the very end. This prints everything to the screen with zero flickering!

3. Native Bubble Injection (The Holy Grail)

Draw a Group on your Bubble page and give it an ID Attribute (e.g., my_custom_group).

In your workflow, use the Add Native Widget action and type my_custom_group in the bubble_html_id field. The plugin will physically move your group inside the draggable widget!

4. Saving & Interactivity

Use the element event A Layout has changed to save the current_layout_json to your User's database.

Use events like A Kanban Card is Moved or A Calendar Event is Clicked to trigger your app's logic.


📖 Complete Instructions V2
1. Setting up the White-Label Engine
In your Initialize Dashboard action, set your Primary Color, Border Radius, and Font Family.
Pro Tip: For custom fonts like "Montserrat" to work, make sure the font is loaded somewhere on your Bubble page (e.g., set a hidden text element to use that font).

2. The Golden Workflow Rule for Templates
To dynamically switch between templates or views, always use this exact workflow order:

Clear Dashboard (Wipes the screen and frees up memory)

Load Template (Stages the new widgets in the background)

Render Dashboard (Paints everything beautifully on the screen)

3. Real-Time Chart Updates
Never run Render Dashboard twice! If a user changes a date dropdown to filter data, simply run the Update Chart Data action. Provide the specific Widget ID and the new CSV data. The chart will fluidly animate to the new values while the rest of the dashboard remains untouched.

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Analytics   •   Chart   •   Productivity   •   Containers   •   Data (things)   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble logo
Product
AI
Mobile
Design
Data
Logic
Collaboration
Security
Status
Release notes
Bubble for
Founders
Developers
Agencies
Enterprise
Discover
How Bubble works
Examples
Bubble is Global
Pricing
Learn
Academy
Technical guides
Blog
How to build
Coaching
Resources
Connect to AI
Marketplace
Templates
Plugins
Experts
Bootcamps
Certification
Partnerships
Affiliates
Figma to Bubble
Community
Bubble community
Forum
Newsletter
Podcast
Ideaboard
Early access
Company
About
Careers
Brand guidelines
Support
Contact us
Legal
Terms
Privacy
©  2026, Bubble Group, Inc. All rights reserved.
Bubble
Pricing
Enterprise
Contact sales