🎴
Adaptive Card AI Generator
Build and preview Adaptive Cards visually with JSON templates optimized for SPFx Viva Connections ACEs.
Select Template (SPFx / Viva)
Card Payload (JSON)
Live Preview Mockup
Frequently Asked Questions
What are Adaptive Cards?
Adaptive Cards are platform-agnostic snippets of UI, authored in JSON, that apps and services can openly exchange. They automatically adapt to the host's UX guidelines.
How do I use this in SPFx?
You can use the JSON generated here directly in a Viva Connections Adaptive Card Extension (ACE) template view.
Does this generate C# code?
No, this tool generates the declarative JSON payload that can be parsed by the AdaptiveCards SDK in any language, including the SPFx TypeScript runtime.