Compose
The model chooses registered primitives and fills structured props. No markup, no CSS, no frontend code.
Leara gives models a safe interface contract, then renders the result with your app's own components, state, and theme.
Public access opens September 27, 2026 in 25d 10h 16m
Generated product UI
Monthly booked revenue and pipeline growth
Share of revenue by customer segment
Revenue quality by acquisition channel
| Channel | Revenue | Pipeline | Win rate | Status |
|---|---|---|---|---|
| Enterprise salesField + strategic | $82.4M | $48.0M | 52.1% | Scaling |
| PartnerCo-sell + referrals | $54.6M | $29.4M | 49.8% | Healthy |
| Paid acquisitionSearch + social | $68.1M | $31.2M | 38.7% | Watch |
What the operating signals suggest
Revenue quality is improving
show Q2 revenue risk
Runtime loop
One request becomes native UI your customers can use. The model names what to show, Leara enforces the contract, and your product owns the final surface.
The model chooses registered primitives and fills structured props. No markup, no CSS, no frontend code.
Leara checks every component name, prop, and tree shape before anything reaches your UI.
Your app turns the tree into real product surfaces with your components, theme, state, and permissions.
Leara helps AI products turn responses into interfaces users can explore, share, and act on.
Surface precise answers from docs, websites, and knowledge bases with cited summaries, cards, and suggested next steps, no scrolling through links.
Reviewed the latest HR policy documents, regional employee handbooks, and leave compliance guidelines across US, EU, and APAC regions.
Start with a real user question. Leara returns a validated interface tree, then your product decides whether it replaces the current screen or appears as a drawer beside the native workflow.
1import { compose } from "liara";23export async function POST() {4 return await compose({5 prompt: "Show renewal risk for enterprise accounts this quarter",6 primitives: [Metrics, Chart, DataTable, Summary],7 surface: "native-view",8 theme: "system",9 });10}1112// validated in 41ms - 4 registered primitives
Replace the current view or open a drawer without sending users somewhere else.
Unknown components, bad props, and malformed trees never mount.
Generated surfaces inherit the primitives and styling users know.
The same prompt can become an inline dashboard or a contextual side panel.
Provider agnostic
Leara gives each provider the same compact interface contract, then validates the output before your app renders it. The same boundary is designed for the model stack your team already trusts.
Getting started
Use Leara's built-in primitive kit as the interface vocabulary, customize the contract around your product, then let the runtime validate, render, and reuse the result.
A practical path from first primitive to production-ready generated interface.
Start with Leara's own primitives for the product surfaces AI should be allowed to create.
Pass the model a prompt, your customized primitive set, and the surface where the answer should appear.
Leara checks component names, props, schema shape, and permissions before anything can render.
Leara validates the tree, then your product renders it as a dashboard, drawer, report, or workflow.
The same contract can power dashboards, chat drawers, records, reports, and internal workflows.
Developer experience
Register what your product can do, let the model compose within those boundaries, then render through your own design system.
1import { defineLiaraConfig } from "@liara/core";2 3export default defineLiaraConfig({4 endpoint: "/api/liara/compose",5 theme: {6 font: "Geist",7 radius: "12px",8 accent: "blue"9 },10 primitives: [11 Section,12 StatGrid,13 EntityTable,14 Trend,15 RelatedQueries16 ]17});Pricing
The SDK stays easy to try. Production usage is metered around the generated UI outputs your product serves.
For local development, SDK trials, and first product tests.
For solo builders validating AI-native application surfaces.
For product teams embedding Leara inside production SaaS apps.
FAQ
The important boundary is simple: the model proposes structure, Leara validates it, and your product stays in control.
Leara is a runtime for AI-native product surfaces. Models choose semantic interface primitives, Leara validates the result, and your application renders the final UI.
No. AI SDKs help you call models. Leara is the layer after model output: composition, validation, rendering contracts, observability, and usage controls for generated product UI.
No. Models never generate HTML, JSX, CSS, or executable UI code. They compose a constrained Interface that your registered primitives and components render.
Yes. Leara is designed so your SaaS owns presentation. You register the primitives/components your product supports, then style them through your own design system.
Yes. The runtime is provider-agnostic. You can bring your own model keys through adapters, while Leara focuses on the interface contract around the model.
The SDK is easy to try. Paid plans are for product traffic: generated UI outputs, hosted compose endpoints, traces, usage analytics, limits, and team controls.
The core Interface contract is framework-neutral. React is the first renderer because it is the most common path for SaaS apps, but the model/runtime boundary is not React-specific.
Use it when the answer should become part of the product: dashboards, reports, tables, comparisons, workflows, forms, and contextual product surfaces. For plain text answers, chat is enough.