More room for product innovation
Put reusable screen infrastructure underneath the roadmap, so teams can focus on the workflows that make their product valuable.
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
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.
The LiveUI story
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.
Change at the speed of the business
Publish new screen compositions centrally and let connected clients pick them up.
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.”
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.
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.
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 ↗Choose a valuable moment
A maintenance review, dispatch exception or customer-specific dashboard. Start where a better interface can make a meaningful difference.
Connect your context
Bring in the host application, data sources, identity and business services. Shape the components and styling around your product.
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…
01 / CREATE
Ask for a screen
Explore a fleet or maintenance view composed from a business request.
Open Generated UI ↗02 / EVOLVEPublish a new experience
See a shared backend deliver a screen to React and Flutter.
Explore the client demos →03 / EXPANDExplore the possibilities
See operational applications, maps, charts and typed inputs.
Browse the catalogue →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.