m1ckc3s/nullframe

PROJECT NULLFRAME is a web dashboard that shows live technical data about your browser in real time, styled to look like an industrial instrument panel. It reads actual signals from your browser -- things like how fast your screen is rendering, how much memory JavaScript is using, your battery level, and your network speed -- and shows them in a clean grid of boxes on screen. The visual design copies the aesthetic of Nothing Technology products: dot-matrix-style numbers, specific fonts, sharp-edged cards, and a single accent of brand red. It has no official affiliation with Nothing Technology and is not made by that company. Under the hood, one animation loop drives the whole page. This loop measures frame rate, tracks your cursor movement, redraws all the animated elements, and sends data to the interface twice per second. There are no separate timers running for each widget. When you switch away from the tab, everything pauses. On screens with very high pixel density, the visuals are capped at a reasonable resolution so the page stays responsive even on a phone. Not every browser supports every API the dashboard needs. Safari and Firefox, for example, do not expose battery or network information. When that happens, the relevant widget switches to simulated data and labels it "SIM" so you know what you are seeing is not a real reading. Widgets backed by actual browser data are labeled "LIVE." There is no attempt to hide the gap -- the project documents exactly which widgets are live and which fall back to simulation. The project is built with React 19, TypeScript, and Vite, with hand-written CSS and no UI component library. It deploys as a static site to Vercel. If you want to run it locally, you install dependencies and start a dev server with a single command. A command palette is built in (keyboard shortcut Command-K) with options for focus mode, motion toggle, and a few display settings.