npmpackage.info

Gathering detailed insights and metrics for detect-gpu

Other packages similar to detect-gpu

detect-gpu-js

1.0.8

Detect and rate GPU based on its GFXBench scores

detect-audio-video

4.3.0

Detect audio and video features in browser

detect-features

1.0.2

Detect and report browser and hardware features

@lwtlab/detect-gpu

0.2.1

detect GPU on Windows/macOS

Gathering detailed insights and metrics for detect-gpu

detect-gpu - 5.0.70 | npmpackage.info

detect-gpu

Classifies GPUs based on their 3D rendering benchmark score allowing the developer to provide sensible default settings for graphically intensive applications.

5.0.70

1,120

MIT

TypeScript

956.19 kB

2.5

Installations

npm install detect-gpu

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

18.20.6

NPM Version

10.8.2 Pull Requests

Open

11

Total

73

Closed

23

Merged

39

Issues

Open

18

Total

54

Closed

36

Releases

Unable to fetch releases

Languages

TypeScript

JavaScript

HTML

TypeScript (93.62%)

JavaScript (4.25%)

HTML (2.13%)

Developer

pmndrs

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

1,120 Stars

741 Commits

59 Forks

17 Watchers

13 Branches

43 Contributors

Updated on Jun 21, 2025

Maintainers

View All 43 Contributors

Package Meta Information

Latest Version

5.0.70

Package Id

detect-gpu@5.0.70

Unpacked Size

956.19 kB

Size

123.47 kB

File Count

NPM Version

10.8.2

Node Version

18.20.6

Published on

Feb 23, 2025

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Detect GPU

Classifies GPUs based on their 3D rendering benchmark score allowing the developer to provide sensible default settings for graphically intensive applications. Think of it like a user-agent detection for the GPU but more powerful.

Demo

Live demo

Installation

By default we use the UNPKG CDN to host the benchmark data. If you would like to serve the benchmark data yourself download the required benchmarking data from benchmarks.tar.gz and serve it from a public directory.

Make sure you have Node.js installed.

1 $ npm install detect-gpu

Usage

1import { getGPUTier } from 'detect-gpu';
2
3(async () => {
4  const gpuTier = await getGPUTier();
5
6  // Example output:
7  // {
8  //   "tier": 1,
9  //   "isMobile": false,
10  //   "type": "BENCHMARK",
11  //   "fps": 21,
12  //   "gpu": "intel iris graphics 6100"
13  // }
14})();

detect-gpu uses rendering benchmark scores (framerate, normalized by resolution) in order to determine what tier should be assigned to the user's GPU. If no WebGLContext can be created, the GPU is blocklisted or the GPU has reported to render on less than 15 fps tier: 0 is assigned. One should provide a fallback to a non-WebGL experience.

Based on the reported fps the GPU is then classified into either tier: 1 (>= 15 fps), tier: 2 (>= 30 fps) or tier: 3 (>= 60 fps). The higher the tier the more graphically intensive workload you can offer to the user.

API

1getGPUTier({
2  /**
3   * URL of directory where benchmark data is hosted.
4   *
5   * @default https://unpkg.com/detect-gpu@{version}/dist/benchmarks
6   */
7  benchmarksURL?: string;
8  /**
9   * Optionally pass in a WebGL context to avoid creating a temporary one
10   * internally.
11   */
12  glContext?: WebGLRenderingContext | WebGL2RenderingContext;
13  /**
14   * Whether to fail if the system performance is low or if no hardware GPU is
15   * available.
16   *
17   * @default false
18   */
19  failIfMajorPerformanceCaveat?: boolean;
20  /**
21   * Framerate per tier for mobile devices.
22   *
23   * @defaultValue [0, 15, 30, 60]
24   */
25  mobileTiers?: number[];
26  /**
27   * Framerate per tier for desktop devices.
28   *
29   * @defaultValue [0, 15, 30, 60]
30   */
31  desktopTiers?: number[];
32  /**
33   * Optionally override specific parameters. Used mainly for testing.
34   */
35  override?: {
36    renderer?: string;
37    /**
38     * Override whether device is an iPad.
39     */
40    isIpad?: boolean;
41    /**
42     * Override whether device is a mobile device.
43     */
44    isMobile?: boolean;
45    /**
46     * Override device screen size.
47     */
48    screenSize?: { width: number; height: number };
49    /**
50     * Override how benchmark data is loaded
51     */
52    loadBenchmarks?: (file: string) => Promise<ModelEntry[]>;
53  };
54})

Support

Special care has been taken to make sure all browsers that support WebGL are also supported by detect-gpu including IE 11.

Changelog

Licence

My work is released under the MIT license.

detect-gpu uses both mobile and desktop benchmarking scores from https://gfxbench.com.

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

License

Determines if the project has defined a license.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

SAST

Determines if the project uses static code analysis.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Security-Policy

Determines if the project has published a security policy.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.5

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to detect-gpu

Other packages similar to detect-gpu

detect-gpu

Installations

Developer Guide

Yes

CommonJS

18.20.6

10.8.2

Pull Requests

11

73

23

39

Issues

18

54

36

Releases

Unable to fetch releases

Languages

Developer

pmndrs

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Dev Dependencies

Detect GPU

Demo

Installation

Usage

API

Support

Changelog

Licence

10

10

10

0

0

0

0

0

0

0

0

0

0

2.5

/10