Meshtastic powered Vue

This release marks the first public version of Meshtastic powered Vue, an alternative, browser-based web client for connecting to Meshtastic devices over network, serial, or Bluetooth - without requiring a native application.

The goal of this project is to provide a modern, extensible Meshtastic web interface built entirely with current frontend tooling.

Tech Stack #

Meshtastic powered Vue is built using the following technologies:

Runtime / package management: pnpm
Framework: Vue 3
UI & utilities: PrimeVue, VueUse
Styling: Tailwind CSS
Bundling & dev server: Vite
Language: TypeScript

Implemented Features (v0.5.1) #

Node Cards View #

Card-based overview of all discovered nodes
Search and sorting controls
Display of available metrics, encryption status, and messaging state
Light and dark theme support

Selecting a node opens a quick-view drawer with detailed information, including:

Device and environment metrics
Position data
Encryption keys
Local statistics and node controls

Node quick view in light theme with metrics and position

Node quick view in dark theme with device metrics and local stats

Messaging #

Broadcast channel messaging
Direct node-to-node messaging
Emoji picker for message composition
Dedicated node list for direct messaging

Message view with emoji picker, light theme

Collapsible sidebar for improved use on smaller screens
Persistent access to all navigation items when collapsed
Consistent layout behavior across node cards and messaging views

Message view with collapsed sidebar, dark theme

Node cards view with collapsed sidebar, light theme

Device Connections #

Dedicated connections view
Configuration of multiple Meshtastic devices

Source Code & Demo #

The full source code is available on GitHub:
https://github.com/Mictronics/meshtastic-powered-vue

A live demo of the web client can be tested here:
https://www.mictronics.de/webclient/

Roadmap (Preview) #

Planned areas for upcoming releases include:

Node map
Settings and configuration

👈 Home