Integration

Speak playground

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

Avatar Experience
speak()
Enqueue vs interrupt
Presenter mode

Run locally GitHub source Avatar on Meet spec.md

What it demonstrates

Lesson-based app pattern — the app chooses a lesson; the lesson chooses the Liforma Experience.
CDN <liforma-experience> embed for public avatar experiences.
Close-before-switch — users end the session before picking another lesson.
Learning goals, session status, microphone guidance, and session notes UI.

Implementations

SvelteKit

Best native Liforma showcase — 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 →

Related

AI agent prompt

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

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

Preserve lesson-based UX, Liforma web component embed, and close-before-switch lesson flow.