Put a live drag race on your site

Let your readers race two real cars against each other, right inside your article. It’s free, there’s no sign-up and no API key, and it takes one copy-and-paste.

What your readers get

A real race, not a table. Each car is simulated from its published power, weight and drivetrain, then checked against its published acceleration times. Readers press Stage, the lights count down, and the two cars race in 3D (2D on slower devices).
Units that suit them: mph and feet in the US and UK, km/h and metres elsewhere, picked from where they are.
No pop-ups or cookie banners inside the embed. It goes straight to the race.
A way to keep going. “Race any car on My Auto Racer” under the result opens the full simulator in a new tab with the same two cars loaded, ready to swap either one for any of about 15,000. Your article stays open.

Try one

How to add it

Find the race you want: any comparison (almost 6,000 of them), or any car’s page.
Open Put this race on your own page and press Copy.
Paste it into your page as HTML: a Custom HTML block in WordPress, a Code block in Squarespace, an HTML card in Ghost, an Embed element in Webflow, or Embed code → Embed HTML in Wix.

What the code looks like

<iframe src="https://myautoracer.com/?a=audi-rs5-b10&amp;b=bmw-m3-n-a&amp;embed=1"
  width="100%" height="880" style="border:0;border-radius:6px"
  loading="lazy" allow="fullscreen; web-share" allowfullscreen title="Audi RS5 vs BMW M3 drag race"></iframe>
<p><a href="https://myautoracer.com/">Race simulator by My Auto Racer</a></p>

a= and b= are the two cars. Write the car you want as its make, model and year, with hyphens for spaces: a=bmw-m3-g80&b=audi-rs5-2026 or a=toyota-supra-2024. Copied codes like bmw-m3-n-a work too.
Stick to make, model and year. Every word has to appear in the car’s name, so a chassis code the site doesn’t list (“FL5”, say) matches nothing, and the race shows its default cars instead. The car names are printed at the top of the race, so a glance tells you it picked the right ones.
loading="lazy" means the race only loads when a reader scrolls to it, so it won’t slow your page down.
Please keep the credit line underneath. It’s the only thing we ask for in return.

Optional: let it size itself

The race is about 880px tall on desktop and on phones. If you can add a script to your page, this lets it set its own height, so it never shows a scrollbar. Add data-myautoracer to each iframe, then put this once, anywhere on the page:

<script>
addEventListener("message", function (e) {
  if (e.origin !== "https://myautoracer.com" || !e.data || e.data.trapspeed !== "height") return;
  document.querySelectorAll("iframe[data-myautoracer]").forEach(function (f) {
    if (f.contentWindow === e.source) f.style.height = Math.max(420, Math.min(1400, e.data.h)) + "px";
  });
});
</script>

If something’s not right

A blank space where the race should be: some platforms and forums strip out iframes. Link to the comparison page instead. It has the same race at the top.
A scrollbar inside the race: set the height to 880, or add the script above.
The wrong car, or the default cars: add the year (ford-mustang-gt-2024 rather than ford-mustang-gt), drop words the car’s name doesn’t have, or copy the exact code from the car’s page. Your browser’s console says which car each name matched.