Keep the effects. Lose the stutter.
At 60 Hz every frame has a 16.7 ms budget. framebudget measures how much budget a device really has and allows only the visual effects that fit, so slow phones never stutter and fast phones keep everything.
framebudget.dev · API reference · Lab · Privacy
| Package | What it is | npm |
|---|---|---|
framebudget |
the core under its short name | |
@framebudget/core |
the core, without any framework | |
@framebudget/react |
React hooks: useBudget, useTier, BudgetProvider |
|
@framebudget/vue |
Vue composables: useBudget, useTier, provideBudget |
|
@framebudget/angular |
Angular signals: injectBudget, injectTier, provideBudget |
npm install framebudget- core: the library and its framework packages
- website: framebudget.dev, the API reference and the Worker that collects anonymous calibration reports
- assets: brand (logo, fonts, tokens, release card) and the launch video
The thresholds are still provisional. Running the lab on your phone or laptop, or turning on anonymous sharing in your site, feeds real devices into the calibration. No IP, no user agent, no cookies, no URL: what is sent.
