
meta2d.js
The meta2d.js is real-time data exchange and interactive web 2D engine. Developers are able to build Web SCADA, IoT, Digital twins and so on. Meta2d.js是一个实时数据响应和交互的2d引擎,可用于Web组态,物联网,数字孪生等场景。
The Lens
By Erik Loyd, SaaS CEO and former COO/CFO of an AWS Premier Partner.
Updated Sep 2026
meta2d.js is a 2D canvas engine for live data screens: the animated dashboards that show a factory floor, a power grid, or an IoT fleet updating in real time. If you have seen a control room where valves and meters move as the numbers change, this builds that in a browser. The engine is MIT and free.
You embed it in your own web app, bind it to your live data source, and it handles the rendering, animation, and interaction. It is a library, not an app, so the setup is however much scaffolding your project already has. The docs and examples are solid but heavily Chinese-first, which slows you down if you do not read it.
The catch on money: the engine is free, but le5le sells the visual editor and the pre-built component libraries that make it fast to actually design a screen. Solo builders and small teams can hand-code against the free engine. If you are shipping SCADA dashboards for clients, the paid editor pays for itself in saved time.
This is a niche tool. If you just need charts, use a charting library. meta2d earns its place only when you need interactive, animated, real-time diagrams that a chart cannot express: digital twins, monitoring floor plans, industrial control views.
Free vs Self-Hosted vs Paid
open coreFree (MIT engine): The meta2d.js rendering engine is fully open source. You can build and ship real-time 2D dashboards, SCADA screens, and digital twins with no license cost.
Self-hosted: It is a browser library you bundle into your own app. No server component of its own; you supply the data feed (WebSocket/MQTT) and the hosting.
Paid (le5le): le5le sells a commercial visual editor and component/material packs that let you design screens by dragging instead of hand-coding. Pricing is per their site and aimed at teams building monitoring products for clients.
The rendering engine is free and MIT. le5le charges for the visual editor and component packs that make building screens fast.
What to do by team size
- Solo
- free; hand-code against the engine
- Small team
- free; hand-code against the engine
- Medium team
- Paid editor saves real design time
- Large team
- Paid editor plus component packs for client work
Get tools like this every Wednesday
One featured tool, three on the radar. No fluff.
A low score is not a verdict on quality. Young and niche tools start low by design. How we calculate scores
Trust Signals
License: MIT License
Use freely, including commercial. Just keep the license.
Commercial use: ✓ Yes
About
- Owner
- 乐吾乐 le5le (Organization)
- Stars
- 1,257
- Forks
- 313
Explore Further
More tools in the directory
cc-switch
A cross-platform desktop All-in-One assistant tool for Claude Code, Codex, OpenCode, openclaw & Gemini CLI.
131.4k ★open-design
🎨 Local-first, open-source alternative to Anthropic's Claude Design. ⚡ 19 Skills · ✨ 71 brand-grade Design Systems · 🖼️ sandboxed preview · 📦 HTML/PDF/PPTX export. 🤖 Runs on Claude Code / Codex / Cursor / Gemini CLI / OpenCode / Qwen / Copilot / Hermes / Kimi CLI.
94.3k ★deer-flow
An open-source long-horizon SuperAgent harness that researches, codes, and creates. With the help of sandboxes, memories, tools, skill, subagents and message gateway, it handles different levels of tasks that could take minutes to hours.
81.7k ★