GeezerVison is showing caniuse.bitsofco.de — The CanIUse Embed

The CanIUse Embed

Embed up-to-date data from caniuse.com and mozilla's browser compat data. Displays feature support data for multiple versions of the 10 major browsers. Configurable, reliable, and fully responsive.

Made with by @IreAderinokun

Examples

The embed can be used in several forms.

Interactive Embed

By default, the interactive embed will display the feature support for the current version, 1 version in the future, and 2 versions back.

Data on support for the mdn-css__properties__z-index feature across the major browsers from mozilla

You can also select to display the accessible colours scheme by default. Although users will always have the option to toggle between the colour schemes.

Live Image

For use in places where Javascript is not supported, you can use the live image instead. The image is updated daily.

Data on support for the css-grid feature across the major browsers from caniuse.com

The image can be accessed by passing the feature ID into the URL (or generating one below):

https://caniuse.bitsofco.de/image/css-grid.png
https://caniuse.bitsofco.de/image/css-grid.webp
https://caniuse.bitsofco.de/image/css-grid.jpg

Note: Currently only works for features from caniuse.com, not mozilla data

Static Image

If you want to capture the feature support for a specific time, you can also create a static image.

Data on support for the flexbox feature across the major browsers from caniuse.com

Create your Embed

Select Feature

What feature are you trying to display?

Select Embed Type

What type of embed would you like? See examples above for more information

Interactive Embed Live Image Static Image

Additional Settings

Browser Versions Future Version (Current + 3) Future Version (Current + 2) Future Version (Current + 1) Current Version (required) Past Version (Current - 1) Past Version (Current - 2) Past Version (Current - 3) Past Version (Current - 4) Past Version (Current - 5)

Default Colour Scheme Default Accessible

Include Script

Include the following javascript file in your document.

<script src="https://cdn.jsdelivr.net/gh/ireade/caniuse-embed/public/caniuse-embed.min.js"></script>

Copy

Get the Embed Code

Paste this snippet where you want the embed to be displayed:

Copy

Preview: