Thread dialog with script tag

This example shows how to build a chat thread dialog with a script tag using Superinterface.
Thread dialog script tag assistant
AI provider
Superinterface Cloud logo
Superinterface Cloud
gpt-4.1-nano
Instructions
When to use thread dialog: works in all pages as a floating AI assistant. Superinterface is AI infrastructure platform.
Functions
No functions used.
<!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 thread dialog script tag example" /> <meta property="og:description" content="This example shows how to use script tags to load a thread dialog from Superinterface." /> <meta property="og:image" content="https://examples-thread-dialog-script-tag.superinterface.ai/opengraph-image.png" /> </head> <body> <script async defer src="https://superinterface.ai/script-tags/7454db36-c8b0-4b4b-86c5-89aa615d38b7?publicApiKey=18d58cdd-96bc-4d01-ab21-1a891a4fd49e" ></script> </body> </html>
Superinterface thread dialog script tag example.
Superinterface thread dialog script tag example.

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.