liforma examples
Examples Frameworks Docs GitHub

Frameworks

Liforma examples use the <liforma-experience> web component as a universal bridge. Framework ports differ in host UI glue — not core experience integration.

Available

SvelteKit

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

View →
Available

Vanilla HTML

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

View →
Available

Next.js

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

View →
Available

React (Vite)

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

View →
Phase 3

Vue

Second major ecosystem with broad international adoption.

View →
Phase 3

Nuxt

Vue production framework for full-stack apps.

View →
Phase 3

Astro

Content sites, marketing pages, and docs where experiences embed well.

View →
Phase 4

Angular

Enterprise coverage for large structured codebases.

View →

Production-quality Liforma example apps for developers and AI builders.

Quick Start Experience on Meet GitHub liforma.ai