Conversational agents and bots play a pivotal role in driving productivity and streamlining workflows. By using Adaptive Cards, agents and bots can deliver complex, interactive experiences that go beyond plain text. Adaptive cards are the UI building blocks for agent and bot interactions.

We’re excited to introduce the Adaptive Cards documentation hub – your ultimate hub for everything Adaptive Cards! Whether you’re building integrations for Microsoft Teams, Copilot, or Outlook, the Adaptive Card documentation hub helps you learn, design, and create rich, interactive experiences that elevate your app.

Explore the latest adaptive card features and samples to quickly craft engaging UI components for surfacing critical insights, boosting collaboration, and enhancing productivity—all seamlessly integrated into your users’ daily workflows.

Expedite your Adaptive Card development

Our new Adaptive Card documentation hub is a one-stop shop for all things related to discovering, building, maintaining, and updating Adaptive Cards. Here’s what you can expect:

• Design Best Practices: Get in-depth design guidance to help you create the best-looking cards.

• Built-in JSON examples: Find card examples throughout the site that can be opened in the Designer with one click.

• Complete reference documentation: Access detailed and accurate reference documentation for all Adaptive Card elements and actions.

• Updated Adaptive Card Designer: The integrated Designer has an updated look and feel along with support for light and dark themes, responsive layout support, and the latest Adaptive Card features.

• Release history: View a comprehensive list of all features that have been added, along with the endpoints they work on

Latest Adaptive Card updates

Over the past few months, we have introduced new Adaptive Card features that make building dynamic, interactive experiences easier than ever. The launch of our new website is just the beginning—our latest updates introduce game-changing improvements that enhance functionality, usability, and performance. Notable features include:

• Charts: Present data using charts for easy and at-a-glance consumption.

• Ratings: Display ratings using standard star representation.

• New Container styling options: containers can now have a border and rounded corners, making it easy to group information in visually pleasing boxes.

• Carousel: Present information in a carousel with sliding pages.

• Badge: Use badge elements to show an icon and/or text in a compact form over a colored background.
• Code Block: Formatted and syntax-colored code snippets.

For a full list of recently released features check out the Release History page.

See beyond the text with Adaptive Cards

The Data Analyst Agent showcases one of the ways adaptive cards can elevate your app by dynamically generating charts from a SQL database, turning raw sales data into clear, actionable insights in real time.

Get started

Jumping into Adaptive Cards is simple:

1. Visit the new website.
2. Navigate through topics to understand how Adaptive Cards work, discover new features, and how to leverage them.
3. Check out the samples to see real-world cards that put forth best and how they were design practices to create engaging and accessible cards.

Now’s the perfect time to dive into the latest Adaptive Cards updates. Whether you’re new to Adaptive Cards or a seasoned developer, our new website is your go-to resource for staying ahead.

We can’t wait to see what you build with Adaptive Cards!