https://github.com/slimcandy/isit-hdr-ready

Pure js NPM package to check hdr support in css (browser and hardware)
https://github.com/slimcandy/isit-hdr-ready

css4 hdr npm-package

Last synced: 12 days ago
JSON representation

Pure js NPM package to check hdr support in css (browser and hardware)

• Host: GitHub
• URL: https://github.com/slimcandy/isit-hdr-ready
• Owner: slimcandy
• License: mit
• Created: 2023-01-28T18:18:40.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2025-04-30T18:19:31.000Z (about 1 year ago)
• Last Synced: 2025-12-27T12:22:34.138Z (5 months ago)
• Topics: css4, hdr, npm-package
• Language: HTML
• Homepage: https://hdr.js.garden
• Size: 138 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Codeowners: CODEOWNERS

Awesome Lists containing this project

README

          
# HDR check

Pure js NPM package to check hdr support in css (browser and hardware)

[homepage](https://hdr.js.garden) | [github](https://github.com/slimcandy/isit-hdr-ready)

## Installation

Install it in a project

```bash

npm install isit-hdr-ready

```

## Basic usage

You can use it in your markup like this:

```html

✅ Browser support sRGB

✅ Browser and Hardware is HDR ready

```


Then check hdr support and change block, picture or js logic:

```js

import isitHDRReady from "isit-hdr-ready";

const hdrReadyMessage = document.querySelector(".hdr-ready-message");

if (isitHDRReady()) {

  hdrReadyMessage.classList.remove("hidden");

}

```

## ⚠️ It checks only display-p3 support

## Contributors