chillmediaquery

Zero-dependency media query utility

Part of ChillAll: 88 zero-dependency UI components (accessible, dark-mode ready, SSR-safe to import). chillmediaquery is the standalone build of one of them; the chillall package contains all of them and is tree-shakeable.

Install

npm install chillmediaquery

Use

import ChillMediaQuery from 'chillmediaquery';          // or: const ChillMediaQuery = require('chillmediaquery');

// see the options and methods in the source header: src/chillmediaquery.js

No bundler? Load the file and use the global:

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chillmediaquery.js"></script>
<script>console.log(ChillMediaQuery.version);</script>

Why ChillAll components

• Zero dependencies, nothing to import for styles (CSS is injected on first use)
• Accessible: ARIA roles, keyboard support, focus management, reduced-motion
• Dark mode via <html data-theme="dark"> (see chilltheme) or the OS setting
• Safe by default: text is rendered as text, HTML is an explicit opt-in
• Every instance has destroy()

License

MIT, see the repository.