INTEGRATE

Add interactive AI experiences to your app

Run a complete Liforma Experience inside your website or app in minutes. Start with a simple embed, then use SDKs and APIs when you need deeper control.

Embed a Liforma Experience in your site

A Liforma Experience inside your website
HTML
<script src="https://cdn.liforma.ai/sdk/v2/client.js"></script>
<liforma-experience experience-id="exp_T0I7ACMQLBMPG6K"></liforma-experience>

That's all it takes to put this Experience in your site.

Start simple. Go deeper when you need to.

Fastest

1. Embed

Run a complete Liforma Experience inside your website or app with a few lines of code.

Good for websites, landing pages, portals, learning products, internal tools, and prototypes.

Embed an Experience

More control

2. Components / SDK

Bring Liforma into your own interface when you need more control over layout, events and application behaviour.

  • Svelte, React, and JavaScript SDK
  • Session events and host-controlled speech
  • Gallery thumbnails and a corner widget
<Experience experienceId="exp_..." />
Explore SDKs

Most control

3. APIs

Use Liforma APIs for deeper platform and session integration when the standard embed or SDK isn't enough.

  • Mint sessions from your backend
  • Browser embeds with origin allowlists
  • Experience catalog for published experiences
Explore APIs

The whole Experience comes with it

You are not embedding a character image. You are running a complete Experience — without assembling speech, intelligence, animation and scene logic yourself.

The Experience
  • AI character portrait

    Character

  • Same character in a Spanish cafe waitress costume

    Costume

  • Spanish cafe set

    Set

  • Voice
  • Conversation
  • Behaviour
  • Animation

Build once. Use it wherever you need it.

Create or remix an Experience once, then use that Experience across the products and surfaces where your audience needs it.

Characters, costumes and sets are reusable building blocks. Create them once, combine them into an Experience, then distribute that Experience wherever you ship.

Experience
  • Website
  • Product
  • Training portal

The shortest path

  1. 1

    Choose or create an Experience

    Use a published Experience, or make one in Studio from reusable characters and sets.

  2. 2

    Copy the integration code

    The embed is a script tag and one web component.

  3. 3

    Add it to your app

    For a browser embed, allowlist your site origin in the developer portal.

  4. 4

    Customise further if needed

    Reach for the SDK or APIs only when you need more control.

Developer portal is where you publish Experiences, copy exp_… ids, and allowlist origins.

Building with an AI coding agent?

Coding agents can use Liforma's Agent Skills to embed an Experience with the current SDK and docs.

Terminal
npx skills add LiformaLtd/agent-skills

Put your first Experience in your app

Back to home