liforma examples

Integration

Speak playground

Type text and press Enter — the experience speaks it. Toggle enqueue vs interrupt on speak().

  • Experience
  • speak()
  • Enqueue vs interrupt
  • Presenter mode
Live demo Run locally GitHub source Experience on Meet spec.md

What it demonstrates

  • Presenter-mode integration using Experience.speech.speak() (and related APIs).
  • Host-owned UI for scripted lines, listening control, and/or feedback.
  • CDN / SDK embed of a public demo experience.

Implementations

SvelteKit

SvelteKit

`<Experience />` from `@liforma/client/svelte` — full lesson UI with TypeScript and Svelte 5.

View implementation →Vanilla HTML

Vanilla HTML

CDN script + `<liforma-experience>` — copy-paste friendly for any site.

View implementation →Next.js

Next.js

`@liforma/client/react` plus optional App Router session route helper.

View implementation →React (Vite)

React (Vite)

Client-side React with `@liforma/client/react` — no Next.js server.

View implementation →

Related

AI agent prompt

Use the Liforma Speak playground example to build an app in your chosen framework.

Read:
- https://github.com/LiformaLtd/examples.liforma.ai/blob/main/examples/speak-playground/spec.md
- https://github.com/LiformaLtd/examples.liforma.ai/tree/main/examples/speak-playground

Preserve the presenter / speak API integration and host-owned UI around the embed.