VieWLED

VieWLED is an alternative UI for WLED that I built with Vue and my client library WLED Client. I built this as a personal project to improve the experience of lighting control in my home as well as explore the realm of realtime device control from the browser.

Vue enables this frontend to be snappier to navigate around as it does not rely on round-trip HTTP requests to the device. Using the WebSocket capability of WLED, the interface automatically reflects the latest state of the device thanks to Vue’s reactivity.

Key Features

  • Reactive user interface built with Vue
  • WebGL-powered color wheel and white balance pickers
  • LED strip preview function driven by WebGL that accurately reproduces what the LED strip is displaying
  • Build script that generates minified and compressed static HTML files from the project to be packaged into WLED
Copyright © '23 Jeff Schofield