New UI inside Motion

[shuemon4]

I have created a new UI inside of Motion, but due to Raspberry Pi Foundation moving forward with libcamera and deprecating OpenMax and MMAL it will only work on Pi 4+. I was only able to test it on a Pi 4 (Pi Camera v2) and Pi 5 (Pi Camera v3).

Note: The version of Motion in it does not include updates in 5.0 since mid Dec 2025.

Source: https://github.com/shuemon4/motion/tree/version

• Changes included in the branch are in the doc/CHANGELOG file with known limitations (more detailed explanation than above) in doc/KNOWN-LIMITATIONS.md.
• An install script was built and after cloning the repo onto a Pi, it can be run with:
  cd motion
  sudo scripts/install.sh
  Towards the end of the install it will pause and ask you to enter a password for "admin" and "viewer".

[shuemon4]

I was playing around with creating a new UI inside Motion, since it would be faster and better access to the API's within Motion. Are there any thoughts on something with the following Tech Stack? The API's would still be available for any that want to connect a different UI, if you would like and security can be configured from plain text to bcrypt.

Technology Stack

Layer	Technology	Purpose
Framework	React 19	UI components and rendering
Language	TypeScript 5.9	Type safety
Build Tool	Vite 7	Fast development and optimized builds
Styling	Tailwind CSS 3.4	Utility-first CSS
State	Zustand 5	Lightweight global state
Data Fetching	TanStack Query 5	Server state, caching, mutations
Forms	React Hook Form + Zod	Form validation
Routing	React Router 7	Client-side routing

The only changes to the backend required would be opening additional API and making camera configs inherently hot-reloadable (for applicable parameters).

[Mr-Dave]

1. The UI interface does work without a PI so it is independent from the transition to libcamera from MMAL.
2. For those wishing to test but not on a PI, I'd note that the fork requires a new dependency for autoconf-archive as well as configuration for an authentication method, userid and password e.g.
   webcontrol_auth_method basic
webcontrol_authentication admin:1234
webcontrol_user_authentication user:1234
3. For the technology stack, I'm not familiar with all of these and will need to research. My preference will be for whichever is the oldest and most established.

[shuemon4]

The UI branch I have been updating has been moved to https://github.com/shuemon4/motion/tree/5_0_UI

1. This branch includes updates to Motion, up to mid January and has been built to be platform agnostic.
2. It should be compatible with legacy functions.
3. Includes upgraded UI security, but still not fully hardened to be internet facing.

Additional features are being built and tested on my "5_0_Updates" branch, but pull from this branch at your own risk as I am actively using it.

The UI has not been approved by Mr-Dave, but I have tried to build it with the essence of this project in mind.