ChatGPT-like group chat

This example shows how to build a group chat with an iframe using Superinterface.

Thread assistant

AI provider

Superinterface Cloud

gpt-4.1-mini

Instructions

Use this to embed AI into your product. Superinterface is AI infrastructure platform.

Functions

No functions used.

index.html

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta property="og:title" content="Superinterface group iframe example" /> <meta property="og:description" content="This example shows how to build a group iframe using Superinterface." /> <meta property="og:image" content="https://examples-group-iframe.superinterface.ai/opengraph-image.png" /> <style> body { margin: 0; padding: 0; } </style> </head> <body> <iframe allow="autoplay; camera; microphone" sandbox="allow-downloads allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-popups-to-escape-sandbox" src="https://superinterface.ai/iframes/7d26b079-0e24-4481-88c5-7a042c6641f0?publicApiKey=18d58cdd-96bc-4d01-ab21-1a891a4fd49e" style="width: 100dvw; height: 100dvh; border: none" frameborder="0" ></iframe> </body> </html>

Superinterface group iframe example.

This example is hosted here: https://examples-group-iframe.superinterface.ai (see code here)

Getting Started

First, run the development server:

npm run dev # or yarn dev # or pnpm dev # or bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

View on GitHub Open fullscreen demo Deploy on Vercel Open in CodeSandbox