Custom UI for FluidNC

Things You've Made
12

Here is the code.

UI code:
control.zip (15.1 KB)

Modified FluidNC Firmware:
fluidNC_3.9.1_CORS_mod.zip (1.1 MB)

Edit: I updated the firmware file in the above zip. Previous file was an earlier version of FluidNC.

If you want to try out the code:

  • Set your FluidNC IP address in settings.js
  • The Pick a Plot, Spotify and Text tabs all need to reach out to my server to work, so there isn’t any functionality there. You should be able to send commands via the Web Socket section, but the SD card interaction would need the modified firmware to work. The “Pen” buttons run macros on fluid, so obviously they won’t do anything, but I included those macros in a folder just for reference.
  • When control.html is loaded, there is a line of js at the bottom of the page that opens the web socket: connect(objDiv); That function is in the websocket.js file. All the other code is in the control.js file.
  • If your FluidNC is up and the ip address is correct, the status light in the Web Socket section turns green and off you go.
2 Likes