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 Astro by @pengzhanbo .

Deloy with Vercel.

Examples

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

Create your Embed

Select Feature

What feature are you trying to display?

Additional Settings

Select the past versions you want to display

Select the future versions you want to display

Include Script

Include the following javascript file in your document.

<script type="module" src="https://caniuse-embed.vercel.app/embed.js"></script>

Get the Embed Code

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

Parameters

data-feature="feature_name": Feature name

data-past="2": Show 2 versions back, range is 0 - 5

data-future="1": Show 1 version in the future, range is 0 - 3

data-meta="xxx": Custom metadata allows for specifying different metadata for each attribute when multiple attributes with the same name exist, to correctly update the iframe height.

data-theme="dark": Change the theme to light / dark / auto。

data-observer="true": Using the observer pattern, changes to the properties of the current tag will be monitored.

data-origin="": [Optional] Data source origin, e.g.: https://caniuse-embed.vercel.app.