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

The CanIUse Embed

Examples

Interactive Embed

Live Image

Static Image

Create your Embed

Select Feature

Select Embed Type

Additional Settings

Include Script

Get the Embed Code