Awesome Adaptive Cards

A curated list of awesome Adaptive Cards projects.

Contents

• Adaptive Cards - A new way for developers to exchange card content in a common and consistent way.

• Adaptive Cards Documentation - Documentation for Adaptive Cards.

• Adaptive Cards 2.0 Documentation - Documentation for Adaptive Cards 2.0.

• Made With Cards - All the things Adaptive Cards.

Frameworks

• Bot Framework Web Chat - A highly-customizable web-based client for Azure Bot Services.

Tools

• Adaptive Cards Studio - Visual Studio Code Extension to help create AdaptiveCards.

• Adaptive Editor - Adaptive Card WYSIWYG editor.

• Pic2Card - Automatically convert a card-like image into an Adaptive Card payload.

• box2card - Convert Wikipedia infoboxes into Adaptive Cards.

Authoring

• .NET - .NET SDK for Authoring Cards.

• JavaScript - JavaScript SDK for creating cards.

• Python - Author adaptive cards in pure python.

• HTML - HTML to Adaptive Card JSON converter library.

• Markdown - Markdown to Adaptive Card converter.

• JSON - This library implements a JSON-to-JSON templating/data-binding engine.

Rendering

• Android - This is a renderer which targets Android native controls.

• Blazor - Adaptive Cards for Blazor.

• Flutter - Adaptive Cards for Flutter.

• iOS - This renderer which targets iOS native controls.

• JavaScript - Adaptive Cards renderer for JavaScript.

• React - Adaptive Cards renderer for React.

• React Native - A community-supported ReactNative renderer for Adaptive Cards, maintained by BigThinkCode.

• SharePoint WebParts - Adaptive Cards Web Part.

• SwiftUI - Snippets of UI, authored in JSON and rendered with SwiftUI.

• UWP - This is a renderer which targets UWP native controls.

• Vue - Vue.js component to render adaptive cards.

• Web Components - Adaptive Cards Web Component.

• Xamarin.Android - This is a renderer library which targets native xamarin android applications and is based on the Android renderer that you can find here.

• Xamarin.iOS - Microsoft adaptive card for Xamarin iOS.

• .NET HTML - Render Adaptive Cards into HTML.

• .NET Image - Render Adaptive Cards into PNG images.

• .NET WPF - Render Adaptive Cards into WPF UI.

Expressions

• Adaptive Expressions

• .NET

• JavaScript

Templates

• Adaptive Cards Templates - Samples on different adaptive card designs demonstrating the art of possible with them. Designs provided by the Microsoft design team and first versions targeting Viva Connections Adaptive Card Extensions (ACE) scenarios.

• Adaptive Cards Template Service - A collection of Adaptive Card templates for well-known data models

• Adaptive Cards Scenarios - Sample scenarios from Adaptive Cards.

• Sample Viva Connections Cards - Sample Viva Connections cards that leverage the card designer and data JSON. Provides an alternative to custom developed cards.

• CommonCards - Adaptive Card Samples, Starter Cards and cards for commonly known objects such as Github Data or Saas Apps or other broadly used object definitions.

• Teams

Projects using Adaptive Cards

• Contoso Dive Finder - Sample bot built with rich Adaptive Cards.

• WeatherBot - Example showing how to create an intelligent bot that displays a weather forecast for a city using APIXU.

• Bing API Adaptive Cards on HoloLens - Demo project showcasing Bing API Adaptive Cards rendered on HoloLens via image recognition.

• Stock Market Card - Stock Update Card using Adaptive Cards and Powerapps Control Framework.

• Stock Bot (India) - Get realtime stock prices right in your chat window.

• MS Teams Incoming Webhook - GitHub Action that sends an AdaptiveCard notification to an MS Teams Incoming Webhook.

• PSTeams - PowerShell Module that allows sending notifications to Microsoft Teams via WebHook Notifications.

• Cardscript - A JSON-based language for describing rich user interfaces.

• Spotify Player Bot - Spotify Player Bot integrates Bot Framework v4 with Spotify Web Api.

• Adaptive Cards - Azure Functions - A simple Azure function returning an Adaptive Card as HTML using the .NET SDK.

• Adaptive Cards Demo with Templating - Adaptive Cards with Templating Demo.

• Virtual Agent - Virtual Agent Adaptive Cards.

• Drone - Front-end for the Drone continuous integration server.

• qutex - A basic Queue Management System, interactable via several mediums, that resembles a mutex.

Videos

• Adaptive Cards in Bots, Windows, Outlook and your own applications : Build 2018