blakeblackshear.frigate/web
Josh Hawkins 6df950bb78
Refactor Settings UI (#20392)
* refactor with sidebar and mobile page

* sidebar spacing and color tweaks

* layout tweaks

* move camera switch button to header

* improve mobile

* remove back button on mobile page header

* mobile fixes

* remove debug

* don't use mobilepage

* more mobile tweaks

* use mobile page for components

* add optional actions to mobile page header for top right buttons

* fix alignment

* use page toggle

* tweaks

* sidebar inset tweaks

* move triggers to notifications sub menu

* consistency

* fix padding

* more padding fixes

* navigate history
2025-10-08 14:59:21 -05:00
..
.vscode
images
public Generic classification card (#20379) 2025-10-07 14:43:06 -05:00
src Refactor Settings UI (#20392) 2025-10-08 14:59:21 -05:00
themes Dark mode theme tweaks (#17846) 2025-04-21 20:45:12 -06:00
.eslintrc.cjs
.gitignore
.prettierrc
components.json Add shadcn sidebar component (#20292) 2025-09-30 15:02:35 -06:00
index.html
login.html
package-lock.json Add shadcn sidebar component (#20292) 2025-09-30 15:02:35 -06:00
package.json Add shadcn sidebar component (#20292) 2025-09-30 15:02:35 -06:00
postcss.config.js
README.md
site.webmanifest Update webmanifest to use /BASE_PATH/ (#17310) 2025-03-23 05:34:33 -06:00
tailwind.config.cjs Refactor Settings UI (#20392) 2025-10-08 14:59:21 -05:00
tsconfig.json
tsconfig.node.json
vite.config.ts Improve review summary performance (#20328) 2025-10-02 10:17:25 -05:00

This is the Frigate frontend which connects to and provides a User Interface to the Python backend.

Web Development

Installing Web Dependencies Via NPM

Within /web, run:

npm install

Running development frontend

Within /web, run:

PROXY_HOST=<ip_address:port> npm run dev

The Proxy Host can point to your existing Frigate instance. Otherwise defaults to localhost:5000 if running Frigate on the same machine.

Extensions

Install these IDE extensions for an improved development experience:

  • eslint