Embed · demo phone

Put the Foreverse demo phone in your article

Pick a scene, copy one iframe snippet — and your blog post, tutorial, or directory page gets a real, interactive Foreverse demo phone. Free to use, no sign-up.

Pick a scene

A novel performed as a visual novel

Preview (this is the real embed)

Embed code

Paste into your article HTML. Recommended 420 × 860; the phone scales down in narrow containers.

<iframe src="https://foreverse.app/embed/theater?lang=en&autoplay=1"
  data-foreverse-embed width="420" height="860"
  style="max-width:100%;border:0;border-radius:18px;background:#0b0c10"
  loading="lazy" title="Foreverse demo · VN theater"></iframe>

Auto-height (optional)

The embed reports its real height to the parent window; paste these 10 lines anywhere on your page and the iframe follows the content.

<script>
window.addEventListener("message", function (e) {
  var d = e.data;
  if (!d || d.type !== "foreverse:embed-height") return;
  if (e.origin !== "https://foreverse.app") return;
  document.querySelectorAll("iframe[data-foreverse-embed]").forEach(function (f) {
    if (f.contentWindow === e.source) f.style.height = d.height + "px";
  });
});
</script>

Terms

Free to embed on any site. Please keep the brand badge in the corner and don't pass the demo off as your own product.

Embed the Foreverse Demo Phone — Free iframe Widget for Blogs