Skip to content
@framebudget

framebudget

Keep the effects. Lose the stutter. Decides, per device, which visual effects a site can afford.

framebudget

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

Packages

Package What it is npm
framebudget the core under its short name version downloads
@framebudget/core the core, without any framework version downloads
@framebudget/react React hooks: useBudget, useTier, BudgetProvider version downloads
@framebudget/vue Vue composables: useBudget, useTier, provideBudget version downloads
@framebudget/angular Angular signals: injectBudget, injectTier, provideBudget version downloads
npm install framebudget

Repositories

  • 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

Help calibrate it

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.

Popular repositories Loading

  1. core core Public

    Keep the effects. Lose the stutter. Decides, per device, which visual effects a site can afford.

    TypeScript

  2. assets assets Public

    Brand (logo, fonts, tokens, release card) and the launch video of framebudget.

    HTML

  3. website website Public

    framebudget.dev: the landing page, API reference and the Cloudflare Worker that serves it.

    TypeScript

  4. .github .github Public

    Organization profile of framebudget.

Repositories

Showing 4 of 4 repositories

Top languages

Loading…

Most used topics

Loading…