A new chapter for enterprise software

An interface that moves
with your business.

Your products already know a great deal about the business. LiveUI gives them a flexible way to put that knowledge in people’s hands.

Bring new screens to existing applications. Turn a request into a working interface. Create a common foundation for web, mobile and AI.

Discover the opportunity ↓
From operational insight to a place to actMining operations
A connected operating experience. Live Operations product concept.Explore the concept ↗
Evolve your productsBring new experiences to your existing systems.
Make AI useful on screenTurn business intent into a tailored workspace.
Build on a shared foundationReuse the approach across products and devices.

01 / The opportunity

Let software keep pace
with the people using it.

A new customer requirement. A different approval process. A supervisor who needs another view of the same operation. These are opportunities to make a product more valuable.

LiveUI changes how a product delivers its screens. The server describes the interface; a reusable client assembles it from a catalogue of components. Tables, maps, charts, forms and navigation become part of a shared screen language.

This is server-driven UI: a way to bring the interface closer to the business logic that shapes it. Teams can introduce new combinations of supported components through the backend, with the same client displaying the result.

For a software portfolio, that opens up an attractive possibility: invest in a common capability, then use it to create distinct experiences for different products, customers and roles.

01

More room for product innovation

Put reusable screen infrastructure underneath the roadmap, so teams can focus on the workflows that make their product valuable.

02

Change at the speed of the business

Publish new screen compositions centrally and let connected clients pick them up.

03

A personal view of shared information

Give a dispatcher, maintenance planner and executive a workspace shaped around the decisions each needs to make.

One investment in how screens work.
Many possibilities for what your products can become.

02 / LiveUI meets Generative AI

Ask for the view
that helps you decide.

Imagine a maintenance planner asking for the fleet, open work orders and workshop capacity in one place. With Generative UI, the request becomes the starting point for the interface itself.

A large language model chooses a layout and components from the LiveUI vocabulary. The server assembles the screen and connects selected sections to its data sources. The result is a task-specific workspace that people can explore.

01Describe the task

A business request in natural language.

02Compose the screen

An LLM plans the layout using structured JSON.

03Bring the context together

LiveUI presents components and backend data.

A request. A different perspective.
THE REQUEST

“Show the Pit 3 haul fleet, idle trucks and open work orders in one view.”

Generated fleet review · Pit 3 sample shiftClick the image to explore
Try Generated UI ↗Open the app and choose an example, or describe your own view.

An AI interface with a product’s vocabulary.

LiveUI gives AI a structured way to express an interface. Typed components, data-source references and action contracts provide a natural foundation for connecting assistants to enterprise software. OpenAI, structured outputs and a TypeScript backend power the Generated UI demonstration.

03 / One foundation, many experiences

A shared language.
A choice of clients.

Separate what a screen means from the technology that displays it. That creates room to evolve the product and its client experiences independently.

Publish a screen once. Reach another client.

The React and Flutter demonstrations share a backend screen contract. Publish a new screen in one, then refresh the other: the new interface appears through the same reusable clients.

A versioned JSON contract provides the common language. React and Flutter provide alternative rendering technologies. This separation is especially valuable when a portfolio spans web applications and mobile experiences.

Your business logicOne screen contractLayout · data · interactions
RReactWeb experience
FFlutterCross-platform experience

The backend describes. The client renders.

The same idea, in a different space. Generated UI at desktop and phone sizes.Explore both views ↗

Built for the decisions that matter

From a sea of data
to a useful workspace.

A mining supervisor wants the incident, the affected equipment, the available options and the impact on the shift. LiveUI can bring these perspectives together in a coherent operational interface.

The same pattern applies to logistics, field service, industrial operations and enterprise software: combine information around the work a person needs to do.

LiveUI operations cockpit · Pit 3 scenarioExplore operational applications ↗

See the situation

Bring maps, metrics and equipment context into the same view.

Compare the options

Present alternatives, priorities and the reasoning behind a decision.

Follow the work

Use forms, action contracts and progress views to connect people with business processes.

04 / Make it part of your product

Start with one experience.
Build on what you own.

LiveUI can be introduced as an embedded operational surface, a new module or a foundation for a new application. Your existing product gives it context; your APIs connect it to the business.

TypeScript libraries, JSON contracts and a host–renderer bridge give engineering teams a clear integration boundary. A React host can also embed a Flutter Web surface and exchange structured events.

Explore the React + Flutter embedding showcase ↗
01

Choose a valuable moment

A maintenance review, dispatch exception or customer-specific dashboard. Start where a better interface can make a meaningful difference.

02

Connect your context

Bring in the host application, data sources, identity and business services. Shape the components and styling around your product.

03

Reuse and extend

Carry the same approach into another role, another workflow or another product. Add AI composition wherever a tailored view helps.

Part of a broader technology family

From trusted context to coordinated action.

LiveUI can work alongside ChronoState for operational history and temporal context, and PatternWorks for durable workflows. Together, they offer a path from understanding a situation to coordinating a response.

ChronoStateUnderstand the state
PatternWorksCoordinate the work
LiveUIBring people into the loop
Built on familiar technologiesTypeScriptReactFlutterJSON contractsOpenAIAWSMapbox

05 / Explore it for yourself

Take the next idea
for a test drive.

Start with a generated screen, see a backend update reach two clients, then explore the operational catalogue. The Demo Launcher brings the demonstrations and example prompts together.

Preparing the demos in the background…

A conversation worth having

What could your product do
with a more adaptable interface?

LiveUI brings together a reusable UI foundation and a natural place for AI to shape the user experience. Start with one valuable workflow — and imagine where a shared capability could take the rest of the portfolio.

Revisit the adoption path ↑

Selected LiveUI screenshotOpen full image ↗