* hold the last frame on screen while switching live streams

Switching streams in the single camera view blanked the player until the new stream played, because the old player unmounts in the same render and the hidden new player gave the card no height. The outgoing video's last frame is now drawn to a canvas before the remount and covers the gap until the new stream plays, and the card takes the camera's aspect ratio so it keeps its size while the video is hidden.

* show live streams as a one-tap grid in the mobile drawer

Switching streams on mobile meant scrolling past the camera toggles, opening a dropdown, and picking a stream. The drawer now opens with the stream section, and streams are a wrapping grid of toggles sized to their names, so a switch is two taps. A single stream shows as plain text. The audio and two-way talk lines show a spinner while the stream's go2rtc metadata loads instead of reporting audio as unavailable, which showed on the first switch to a transcoded stream.

* don't capture the switch frame on tiles that show the camera still

2026-11-13 09:51:16 -07:00

.vscode

Update web readme (#12062 )

2024-06-19 08:11:51 -06:00

e2e

Implement opt-in analytics (#24440 )

2026-11-06 07:43:38 -07:00

images

llc to inc and 2025 to 2026 (#21484 )

2026-01-01 09:56:09 -06:00

patches

Update deps (#24623 )

2026-10-10 15:01:33 -05:00

public

Live view improvements (#24967 )

2026-11-13 09:51:16 -07:00

src

Live view improvements (#24967 )

2026-11-13 09:51:16 -07:00

themes

UI tweaks (#23492 )

2026-06-16 08:56:52 -05:00

.gitignore

Fix chat tool calling and prompt breaking (#23457 )

2026-06-12 07:48:43 -05:00

.prettierrc

Use prettier-plugin-tailwindcss (#11373 )

2024-05-14 09:06:44 -06:00

components.json

Add shadcn sidebar component (#20292 )

2025-09-30 15:02:35 -06:00

eslint.config.js

Migrate web to ESLint 10 flat config (#24326 )

2026-09-14 07:53:45 -06:00

i18next.config.ts

i18n workflow improvements and tweaks (#22586 )

2026-03-23 08:48:02 -05:00

index.html

Sync PWA status bar theme-color with resolved app theme (#24203 )

2026-09-05 15:57:39 -06:00

Sync PWA status bar theme-color with resolved app theme (#24203 )

2026-09-05 15:57:39 -06:00

package-lock.json

Bump the web-minor-patch group in /web with 5 updates (#24922 )

2026-11-09 08:25:23 -06:00

package.json

Bump the web-minor-patch group in /web with 5 updates (#24922 )

2026-11-09 08:25:23 -06:00

postcss.config.js

Fix linter and fix lint issues (#10141 )

2024-02-28 16:23:56 -06:00

README.md

Update web readme (#12062 )

2024-06-19 08:11:51 -06:00

site.webmanifest

Update webmanifest to use /BASE_PATH/ (#17310 )

2025-03-23 05:34:33 -06:00

tailwind.config.cjs

Tweaks (#22965 )

2026-04-22 09:19:30 -06:00

tsconfig.json

Update deps (#24623 )

2026-10-10 15:01:33 -05:00

tsconfig.node.json

Use new UI (#8983 )

2024-01-31 12:56:11 +00:00

vite.config.ts

Reject cross-origin websocket connections (#24714 )

2026-10-19 20:19:40 -10:00

README.md

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