How to Embed a Remix Game on Your Website

A game on a portfolio page should be something a reader can try. Remix has an embed view for that: add ?embed=1 to a public game link and put it in an iframe.

This works well for a creator showing their own project, a blog explaining a mechanic, or a community sharing a game. It uses ordinary HTML. Whether your website lets you add that HTML depends on its editor and hosting plan.

Choose a Compatible Game

Use a live, phone-compatible Remix game for a playable embed. Desktop-only games and portal worlds currently show a preview in the embed view, even when the surrounding website is open on a computer. Their full game page has different playback options.

Open the game first and check what it supports. An iframe does not turn keyboard controls into touch controls, and changing its dimensions does not change the game's orientation.

Add the HTML

Copy your game's public link. In the example below, replace YOUR-GAME-SLUG with the slug from that link and replace Your Game Name with the real title. This is a template, not a link to an existing game.

<div style="width: 100%; max-width: 420px; margin: 0 auto;">
  <iframe
    src="https://remix.gg/g/YOUR-GAME-SLUG?embed=1"
    title="Play Your Game Name on Remix"
    width="420"
    height="747"
    loading="lazy"
    allow="fullscreen"
    allowfullscreen
    style="display: block; width: 100%; max-width: 420px; height: auto; aspect-ratio: 9 / 16; border: 0;"
  ></iframe>
  <p>
    <a href="https://remix.gg/g/YOUR-GAME-SLUG">
      Open Your Game Name on Remix
    </a>
  </p>
</div>

The title gives the frame a useful accessible name. The aspect ratio reserves room before it loads, and the maximum width keeps a portrait game from taking over a wide article. For a landscape game, use aspect-ratio: 16 / 9 and matching width and height values.

Keep a normal link beside the frame. Readers can use it if their browser blocks an embed or they want the full game page. Credit the creator in your surrounding text when you feature someone else's work.

Use Your Editor's HTML Option

Look for an HTML or embed block that accepts an iframe. Some editors remove iframe tags, require an administrator, or restrict custom code to certain plans. If the editor strips the frame, use a game link and a permitted image instead of trying to bypass its rules.

For a site you code yourself, paste the markup into the page and check your Content Security Policy. A policy that restricts frames needs to allow https://remix.gg in frame-src. Keep the rest of your site's policy intact.

Test Before Sharing

Preview the published page, not only the editor. Try it on a phone and a computer. Check that the frame fits without horizontal scrolling, that play and restart work, and that the link below it opens the correct game.

If you are writing about several games, start with one playable frame and link to the others. Loading many games at once can compete for memory, audio, and the reader's attention. A click-to-load poster is a useful next step for a site you control.

Embeds also depend on browser privacy settings. If a sign-in or saved state behaves differently in an embedded frame, use the normal game-page link to open Remix directly.

Give the Game Some Context

Tell readers why this game belongs on the page. Describe the goal, explain a mechanic, or show what changed between two versions. The surrounding article should remain useful even before someone presses Play.

If you are still building, follow How to Publish a Browser Game. If the game is ready, choose one page where people already care about your work and let them try it there.