Material 3 Expressivev1.3.0-rc.1

AG-UI A2UI MCP Apps Components Guides

LightDarkSystem

Guides

Guides

Set up Material 3 Expressive, customize your theme, add an agent conversation with the AG-UI companion, or render agent-generated surfaces with A2UI, or embed interactive tools with MCP Apps.

Getting startedInstall the package, render a provider, and load the stylesheet.

ThemingCreate themes, override tokens, and nest theme scopes.

SSR and color modeServer rendering, hydration, and the system color-mode path.

Web deviationsWhere this implementation departs from the platform APIs, and why.

Migrating from 0.3The 0.3 to 1.0 API, token, and stylesheet moves.

Release notesVersioned changes and breaking changes.

AG-UI

Build agent conversations with the Material 3 Expressive companion.

Getting started with AG-UIInstall the companion, connect an agent, and add a conversation to your app.

AG-UI components and tool renderersCompose a thread, render tools as components, share state, and handle approvals.

AG-UI with CopilotKitUse the Material adapter with CopilotKit 1.71.x v1.

A2UI

Render Google A2UI surfaces with the Material 3 Expressive companion.

Getting started with A2UIInstall the renderer, stream A2UI messages into surfaces, and send actions back to the agent.

A2UI components and rendering rulesHow each basic-catalog component renders, plus binding, validation, templates, theming, and catalog extension.

MCP Apps

Host interactive tools and build apps with Material components.

Getting started with MCP AppsInstall the companion, register an app resource, and connect a Material app to its host.

Hosting and theming MCP AppsEmbed apps, pass tool results, configure capabilities and sandbox policy, and share host styles.