DataMagik Application Designer
Overview and core concepts of the Application Designer — from the low-code canvas to custom Vue SPA apps.
From simple drag and drop to infinite customization.
Design real business applications visually, ship them as fast Vue single-page apps, and extend them as far as you want with a full CLI and SDK. Start by dragging components onto a canvas — finish with production-grade software, all on top of your live Plex data.

Two kinds of app, one platform
Every application carries an app_type that decides how it is built. Both kinds are first class: they share the same permissions, the same data access model, and they run on all the same surfaces.
The default. Built entirely in the visual designer — drag tables, forms, charts, buttons and containers onto a canvas, bind them to live data, and configure behaviour without writing code.
A custom Vue 3 and Vite single-page application, authored locally against the App SDK and published as a versioned bundle. Maximum control, same platform underneath.
Pick your depth
You decide how far down to go, and you can change your mind later without rebuilding.
Compose screens visually and bind them to live data. No code, no build step, no local toolchain.
dm CLIBring your own editor. Develop locally with hot reload and publish from the command line or from CI/CD. A VS Code extension is available for authoring in place.
Build custom Vue components against @datamagik/app-sdk, call any declared data source, script, serial series or printer, and emit your own events.
Build once, run everywhere
You do not port an application between surfaces. Publish it and it is available on all of them, with screen-context parameters — an order or shipper id, say — arriving the same way in each, so one app behaves consistently everywhere.
In the DataMagik app menu and behind a shareable link.
Through the datamagik extend browser extension, so people launch it from the system they already work in all day.
In the DataMagik mobile application, for the plant floor, the dock or the road.
Governance
Every app publishes a manifest of the lookup tables, SQL and ODBC queries, scripts, serial series and printers it may use — declared in dm.config.json for SPA apps. That list drives editor autocomplete and server-side authorization at once: a request for an undeclared resource is refused rather than served.
Every publish creates a version and goes live immediately, and you can roll back to any earlier one instantly — so shipping a change is a reversible decision rather than a commitment.
An app can be tied to a permission so only the people who hold it see the app or can run it, and filed into a menu folder so the navigation stays legible as the collection grows.
Start on the canvas and go as deep as the work needs — the platform does not change underneath you.
Read the guideOverview and core concepts of the Application Designer — from the low-code canvas to custom Vue SPA apps.
Build and publish your first low-code application in about ten minutes.
Build complete screens visually with the component-based canvas — no code required.
Connect apps to lookup tables, ODBC/SQL queries, scripts, serial series, and printers.
Make apps interactive with actions, scripts, runtime context, and output events.