Skip to content
Control your Philips Hue lights with electron + vue
Vue JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.electron-vue
build/icons
dist
screenshots
src
static
.babelrc
.eslintignore
.eslintrc.js
.gitignore
.travis.yml
LICENSE
README.md
appveyor.yml
package.json
yarn.lock

README.md

vhue

A simple controller for Philips Hue lights made with Vue + Electron

vhue dashboard

Features

Once you have connected to your local Hue bridge, you can do the following:

  • Toggle lights on/off
  • Adjust lights' brightness
  • Add new lights/rooms
  • Delete lights/rooms
  • Edit lights/rooms attributes
  • Enable global shortcut to toggle user selected lights

Keyboard Shortcuts

For macOs users, you need to grant vhue accessibility access (this can be done from the settings page) in order for the shortcut to work.

Control/Command + Shift + Alt/Option + P

This shortcut turns on all lights checked in Settings > Keyboard Shortcuts panel.

Demo: Using the big switch to toggle my hue lights (gfycat)

Build Setup

# install dependencies
$ npm install

# or use yarn
$ yarn

# serve with hot reload at localhost:9080
$ npm run dev
# or
$ yarn run dev

# build electron application for production
$ npm run build

# build electron application for macos
$ npm run build:darwin

# lint all JS/Vue component files in `src/`
$ npm run lint

License

MIT License.


This project was generated with electron-vue

You can’t perform that action at this time.