Skip to the card

Card 284 of 9902026-10-06 issue

Observed arrival · 2026-10-06

framebudget: a frame-by-frame effects budget

framebudget.dev Visit website
Editorial interest 83/100 Selection signal · not a rating of the site

A JavaScript package and browser simulator for adapting a page’s visual effects to a device’s available frame time.

Landing page captured for the 2026-10-06 issue.
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.

○OpenPublic substance visible
✦PrettyNotable craft visible
●ProPolished or operationally mature
◎NicheUnusually specific use

One card from the complete issue

Original Bugs Included

353,261 arrived 1,000 judged 990 catalogued Enter the complete issue
framebudget.dev

Landing page observed 2026-10-06. The live site may have changed.