https://adaptivecards.io/ Skip to main content [RE1Mu3b] Microsoft Adaptive Cards Adaptive Cards Adaptive Cards * Home * Documentation * Schema Explorer * Samples * Blog * Designer * More * All Microsoft + o Microsoft 365 o Teams o Windows o Surface o Xbox o Deals o Small Business o Support + Software Software o Windows Apps o OneDrive o Outlook o Skype o OneNote o Microsoft Teams o Microsoft Edge + PCs & Devices PCs & Devices o Computers o Shop Xbox o Accessories o VR & mixed reality o Phones + Entertainment Entertainment o Xbox Game Pass Ultimate o PC Game Pass o Xbox games o PC games o Windows digital games o Movies & TV + Business Business o Microsoft Cloud o Microsoft Security o Dynamics 365 o Microsoft 365 for business o Microsoft Power Platform o Windows 365 o Microsoft Industry o Small Business + Developer & IT Developer & IT o Azure o Developer Center o Documentation o Microsoft Learn o Microsoft Tech Community o Azure Marketplace o AppSource o Visual Studio + Other Other o Microsoft Rewards o Free downloads & security o Education o Virtual workshops and training o Gift cards o Holiday gifts o Licensing o Microsoft Experience Center + View Sitemap x A whole new way to deliver UI Adaptive Cards are platform-agnostic snippets of UI, authored in JSON, that apps and services can openly exchange. When delivered to a specific app, the JSON is transformed into native UI that automatically adapts to its surroundings. It helps design and integrate light-weight UI for all major platforms and frameworks. Get Started Watch video Made For * Android * iOS * JavaScript * ASP.NET * .NET WPF * Windows * ReactNative Releases * v1.5 * Roadmap Github * AdaptiveCards Meet your users where they are Modern digital life is hectic. Users are constantly switching between devices, apps, and services to get their job done. Adaptive Cards help you increase engagement and efficiency by injecting your actionable content directly into the apps they use every day. Integrate into existing apps Bot Framework logo Bot Framework A conversational bot powered by Adaptive Cards can greatly simplify business workflows on your web site or through other channels. Microsoft Teams logo Microsoft Teams As the digital hub for many modern workers, Teams offers multiple extensibilty points for apps to integrate with. Outlook logo Outlook Actionable Messages Email has long been life-blood of an information worker, and now you can deliver actionable content directly to their inbox. Windows logo Windows Timeline Help users resume their activities on any device. "User engagement on surveys is always a challenge, but after utilizing Outlook Actionable Messages our return rate surged from 10-12% to a 3 month average of 35%!" photo of Richard Greenfield Richard Greenfield Executive Support Services Product logo Open your apps to extensibility There's an ecosystem of developers out there who want to integrate with your apps, but how can you do so safely and without their content sticking out like a sore thumb? Adaptive Cards are always native and blend seamlessly into the surrounding UI - and they work on every major platform! Install the Rendering SDKs [Feature] Native performance Adaptive Cards render native UI on any platform [Feature] Adapts to the surrounding UI Cards automatically adaptive to the surrounding UI [Feature] Fully extensible The schema is open-ended so you can add your own element [Feature] Dynamic and interactive Interactivity is expressed declaratively to help reduce risk of custom code injection "Microsoft Teams is only as powerful as the third-party services that integrate with it. Adaptive Cards allows any developer to plug into the richness of the Teams platform in a native way." photo of Bill Bliss Bill Bliss Platform Architect Product logo Design cards anywhere You don't have to send your users to this website to design cards. Just like Adaptive Cards blend into their surroundings, so does the Adaptive Card Designer. The SDK includes a full configuration API allowing you to deeply integrate card workflows into your existing toolchain. Install the Designer SDK "AtBot helps anyone write a bot without having to write code. By embedding the Adaptive Card designer directly into our web-based portal our customers can create rich, data-bound cards right from the browser." photo of Joe Herres Joe Herres Co-CEO Product logo Updated May 2020 Create, share, and discover reusable templates What if you could instantly display any type of data? It could be your own app's data, your organization's data, or data from the web. With Adaptive Card Templating you can separate the data from card layout, and when coupled with a new template service a whole new ecosystem of card exchange becomes possible. Create reusable card templates [Feature] Rich designer integration Sample data allows you to preview your template without leaving the designer. [Feature] Simplify development workflows Create your template in the designer, use it without your services, then paste it right back into the designer to make changes. [Feature] Discover and share templates using a REST service The template service finds a template for your data, and will even populate it for you. [Feature] We want to hear from you We don't have a release date for this preview yet, but we're waiting to learn from you. "Teamwork offers a suite of productivity tools that integrate into many platforms. By creating reusable Adaptive Card templates we are able to deliver the same UI natively into our own apps, as well as tools our customers already use like Microsoft Teams and Visual Studio Code." photo of Tim Cadenbach Tim Cadenbach Head of Integrations Product logo Adaptive Cards logo Adaptive Cards Homepage design inspired by Storybook.js. Site powered by Hexo. Build date: 2/6/2024 Learn Check out sample cards Explore the schema Embed the Card Designer Host App Status Take advantage of Templating Join our monthly Community Calls Find us on GitHub Roadmap Watch the Build 2020 video Blog Read more Announcing the WinUI 3 Renderer WinUI 3 Applications Now Support Adaptive Cards Community Call - October, 2022 Building Windows 11 Widgets with Adaptive Cards Community Call - September, 2022 Updates on Accessibility Features in Adaptive Cards Community Call - August, 2022 Overview of the React Native Adaptive Cards Renderer by BigThinkCode Popular * Windows Dev Center * Microsoft Azure * Microsoft Visual Studio * Office Dev Center * ASP.NET * IIS.NET Learning Resources * Channel 9 * Windows development videos * Microsoft Virtual Academy Programs * Microsoft developer program * Windows Insider program * Microsoft Affiliate program * BizSpark (for startups) * Microsoft Imagine For IT Pros * Microsoft Power BI * Microsoft SQL Server * Internet of Things * Operations Management Suite Values * Diversity and inclusion * Accessibility * Microsoft in education * Microsoft philanthropies * Corporate social responsibility * Privacy at Microsoft Company * Careers * About Microsoft * Company news * Investors * Research * Site map English (United States) Your Privacy Choices Your Privacy Choices * Sitemap * Contact Microsoft * Privacy * Manage cookies * Terms of use * Trademarks * Safety & eco * Recycling * About our ads * (c) Microsoft 2024