Skip to content
color-kitnext
StartAPI
color-kit on GitHub
Start

Concepts

  • OKLCH-canonical
  • Requested vs displayed
  • Planes and queries
  • Gamut and tolerance
  • Contrast

Guides

  • Headless picker
  • React
  • Contrast-aware palettes
  • GPU and three.js
  • Performance

API

  • Overview
  • @pbroom/color-kit
  • @pbroom/color-kit/plane
  • @pbroom/color-kit/interop
  • @pbroom/color-kit/compute
  • @pbroom/color-kit/hct
  • @pbroom/color-kit/driver
  • @pbroom/color-kit/react
      • ffunctionuseAdaptiveQuality
      • IinterfaceAdaptiveQuality
      • IinterfaceAdaptiveQualityFrame
      • TtypeColorPlanePerformanceProfile
      • TtypeColorPlaneQualityLevel
Map

@pbroom/color-kit/react/Performance

AdaptiveQualityFrame

One measured interaction frame, passed to reportFrame.

interfaceimport type { AdaptiveQualityFrame } from '@pbroom/color-kit/react';use-adaptive-quality.ts:23
interface AdaptiveQualityFrame {
  updateDurationMs: number;
  frameTimeMs: number;
}

Properties

updateDurationMsnumber
Milliseconds spent applying the frame's update (e.g. setRequested).
frameTimeMsnumber
Milliseconds since the previous frame.

Your display: detecting

MIT licensedSource