SYNCFUSION A2UI
Build agent-driven interfaces with Syncfusion A2UI
Turn structured AI responses into interactive application UI with Syncfusion components, and design those interfaces visually with A2UI Composer.
Two focused ways to build with A2UI
Use the runtime components when you are building the application experience. Use Composer when you want to design, preview, and refine the interface definition first.
UI
Syncfusion A2UI Components
Render structured A2UI definitions as interactive Syncfusion UI inside your application.
- Use supported Syncfusion components as reusable A2UI building blocks.
- Render structured surfaces produced by an A2UI-compatible agent.
- Handle updates and user interactions as the experience evolves.
Syncfusion A2UI Composer
Design and refine A2UI surfaces visually before connecting them to your application workflow.
- Start from a natural-language prompt or a ready-made template.
- Preview the interface with real Syncfusion components.
- Refine with AI or JSON edits, then copy the A2UI definition.
Use familiar application components in agent-driven experiences
A2UI surfaces can be composed from supported Syncfusion controls across common enterprise interface needs.
Data & Visualization Components
Data Grid
Display and organize records in rows and columns.
Tree Grid
Explore records with parent-child relationships.
Chart
Show patterns and comparisons in your data.
Map
Present data in a map-based geographic view.
HeatMap
Color-coded matrix to reveal data patterns.
Input Components
TextBox
Add a heading, label, or body text.
ComboBox
Typeable, filterable single-select with allowCustom, virtual scrolling, and templates.
Dropdown
Let people choose from a list of options.
Scheduling Components
Scheduler
Display appointments across calendar views.
Calendar
Browse a calendar and choose a date.
Gantt Chart
Project scheduling with tasks, dependencies, timelines, and resources.
Navigation Components
Pager
A standalone pager with first/last/next/previous buttons and a page-size selector.
Menu
Help people move between app sections.
Breadcrumb
Show where a page sits in the navigation.
Layout Components
Skeleton
Placeholder with shimmer while content loads.
Tabs
Switch between related views in one place.
Card
Group related information in a single container.
Document Solutions
PDF Viewer
View, annotate, and fill forms in PDF files.
DOCX Editor
Create, edit, and format Word documents.
Spreadsheet Editor
Create A2UI interfaces from prompts and templates
Describe the interface you need, preview it with Syncfusion components, refine the experience, and generate a ready-to-use A2UI definition for your application.
Describe
Start with a prompt or starter template.
Preview
See it rendered with Syncfusion components.
Refine
Adjust the layout, components, and data.
Copy
Take the generated A2UI definition into your application.
Structured, reusable, and easier to govern
Use trusted UI building blocks and explicit interface definitions instead of relying on an agent to invent every screen from scratch.
Structured
A2UI definitions make the interface explicit and inspectable, giving teams a clearer contract between the agent and the application.
Reusable
Use the same supported components and interface patterns across multiple agent workflows instead of rebuilding each experience.
Consistent
Render agent-driven interfaces with the same Syncfusion building blocks used elsewhere in the application.
PACKAGES
Two packages, one composition model
The agent layer discovers and composes building blocks; the React renderer turns those definitions into trusted Syncfusion UIs.
Syncfusion-a2ui-agent
This is the orchestration layer that enables AI agents to discover and compose UI building blocks It includes:
-
Intent understanding
-
Building block discovery
-
Composition engine
-
Agent orchestration
-
Runtime integration
A2UI renderer
The renderer for A2UI definitions, built on top of Syncfusion UI components. It provides a consistent rendering experience across supported frameworks. It includes:
-
A2UI definition rendering
-
Component mapping
-
Layout orchestration
-
Data binding support
-
Enterprise-grade rendering
Design with Composer. Render with Syncfusion A2UI
Use the tools independently or together to build structured, interactive agent-driven application experiences.