Education

Spanish Tutor

Practise Spanish with an animated AI tutor. Lesson-based app pattern with close-before-switch UX.

Avatar Experience
Microphone
Transcript
Learning objective
Lessons

Live demo GitHub source 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 Spanish Tutor example to build an app in your chosen framework.

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

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