Web & Mobile

Embed & Distribution

Learn how to distribute SLAAAD terrains across different platforms, from standard websites to native mobile applications.

Dynamic Script Execution

When using modern frameworks like React or Next.js, simply pushing a <script> tag into innerHTML will not execute the code for security reasons.

The "srcdoc" Solution

The most reliable way to execute a SLAAAD snippet dynamically is by wrapping it in aniframe using the srcdoc attribute.

<iframe
  srcdoc={`<!DOCTYPE html><html><body>${pastedSnippet}</body></html>`}
  className="w-full h-[600px] border-none"
/>

Mobile App (WebView)

To display SLAAAD in a native mobile app, create a dedicated URL on your website hosting the terrain and load it via a WebView.

React Native Example

import { WebView } from 'react-native-webview';

export function SlaaadGrid() {
  return (
    <WebView
      source={{ uri: 'https://myshop.com/slaaad-embed' }}
      style={{ flex: 1 }}
    />
  );
}

Platform Support

React / Vue

Full Support (via srcdoc)

WordPress / CMS

Full Support (via HTML Box)

iOS / Android

Full Support (via WebView)

Ready to deploy?

Explore the SDK

Last updated: April 2026