Observed arrival · 2026-10-06
framebudget: a frame-by-frame effects budget
A JavaScript package and browser simulator for adapting a page’s visual effects to a device’s available frame time.
- For
- Frontend developers tuning effects for slower devices
- Worth noticing
- Its documented measurement chain starts with a 1.6 ms pre-paint benchmark, then uses five short tasks and four kernels for a warm score.
Field notes
The page exposes a browser simulator with selectable device profiles, a load test, and a “Heat it up” control that triples effect costs; it also includes example integrations for vanilla JavaScript and React, plus boot-script and CSS options. Its documented scoring sequence uses a short pre-paint benchmark followed by five short tasks across float math, typed arrays, allocation, and canvas paths; thresholds are per effect, with hysteresis described as a 10% buffer.
Observed signals
Read the marks
Editorial observations of this landing page, not a rating.
One card from the complete issue