modernizr

utility polyfill responsive

Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser. This allows developers to apply conditional CSS styles or scripts based on the support of the browser.

Latest Ver

Homepage

Github

25,723

📢 Modernizr facilitates web development by detecting browser compatibility and providing appropriate features.

CDN Download

License: MIT

Asset Type :

View All Versions

Sample Code

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.

📄 HTML
<div id='example'>
  <p>Hello</p>
</div>

🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/3.11.4/modernizr.min.js"></script>

⚙️ JavaScript
if (Modernizr.canvas) {
  document.getElementById('example').innerHTML += '<p>Canvas is supported</p>';
} else {
  document.getElementById('example').innerHTML += '<p>Canvas is not supported</p>';
}