Alan AI resource library¶
GitHub repositories¶
Alan AI SDK for Apache Cordova
Check out Conversational AI SDK for Apache Cordova on GitHub
SDK packages¶
Alan AI SDK for Web
Get the latest or a specific version of Conversational AI SDK for Web in the NPM registry
Alan AI SDK for iOS
Get the latest or a specific version of Conversational AI SDK for iOS on GitHub
Alan AI SDK for Android
Get the latest or a specific version of Conversational AI SDK for Android on GitHub
Alan AI SDK for Flutter
Get the latest or a specific version of Conversational AI SDK for Flutter on pub.dev
Alan AI SDK for React Native
Get the latest or a specific version of Conversational AI SDK for React Native in the NPM registry
Alan AI Web Component
Get the latest or a specific version of the Alan AI Web Component in the NPM registry
Alan AI Cordova Plugin
Get the latest or a specific version of the Alan AI Cordova Plugin in the NPM registry
Live demo¶
React: Appointment App
Review the code of a multimodal doctor appoinment app written in React
Integration¶
Alan AI Web Chat: Settings
Learn how to enable and customize a text and voice AI chat for your website or web app
Alan AI Web Chat: Integration
Follow this tutorial to learn how to create an AI chat for a website or web app
Alan AI Web Chat: Navigation
Follow this tutorial to learn how to navigate the website through the AI chat
Alan AI Web Chat: Collecting Data
Follow this tutorial to learn how to collect users’ data with the Alan AI Web Chat
React: Integration
Learn how to embed an AI agent created with Alan AI into your React app or website
Angular: Integration
Learn how to embed an AI agent created with Alan AI into your Angular app or website
Angular: Voice Agent
Follow a tutorial to build a voice AI agent for an Angular app or website
Vue: Integration
Learn how to embed an AI agent created with Alan AI into your Vue app or website
Ember: Integration
Learn how to embed an AI agent created with Alan AI into your Ember app or website
Ember: Voice AI Agent
Follow a tutorial to build a voice AI agent for an Ember app or website
Electron: Integration
Learn how to embed an AI agent created with Alan AI into your Electron app
JavaScript: Integration
Learn how to embed an AI agent created with Alan AI into your app or website written in JavaScript
JavaScript: Voice AI Agent
Follow a tutorial to build a voice AI agent for a JavaScript page or website
Swift: Integration
Learn how to embed an AI agent created with Alan AI into your iOS app written in Swift
Swift: Voice AI Agent
Follow a tutorial to build a voice AI agent for an iOS app written in Swift
Objective-C: Integration
Learn how to embed an AI agent created with Alan AI into your iOS app written in Objective-C
Objective-C: Integration example
Review a sample Objective-C app integrated with Alan AI
Kotlin: Integration
Learn how to embed an AI agent created with Alan AI into your Android app written in Kotlin
Kotlin: Voice AI Agent
Follow a tutorial to build a voice AI agent for an Android app written in Kotlin
Java: Integration
Learn how to embed an AI agent created with Alan AI into your Android app written in Java
Java: Voice AI Agent
Follow a tutorial to build a voice AI agent for an Android app written in Java
Flutter: Voice AI Agent
Follow a tutorial to build a voice AI agent for a Flutter app written in Dart
Flutter: Integration
Watch the video to learn how to integrate an AI agent built with Alan AI into a Flutter app
Flutter: Voice AI Agent
Watch the video to learn how to build a voice AI agent for a Flutter app
React Native: Integration
Learn how to embed an AI agent created with Alan AI into your React Native app
React Native: Voice AI Agent
Follow a tutorial to build a voice AI agent for a React Native app
React Native: Voice AI Agent
Watch this video to learn how to build a voice AI agent for a React Native app
React Native: Integration example
Review a sample React Native app integrated with Alan AI
Ionic: Integration
Learn how to embed an AI agent created with Alan AI into your Ionic app built with React, Angular or Vue
Ionic React: Voice AI Agent
Follow a tutorial to build a voice AI agent for an Ionic app written in React
Ionic Angular: Voice AI Agent
Follow a tutorial to build a voice AI agent for an Ionic app written in Angular
Ionic Angular: Integration
Watch this video to learn how to integrate an Ionic Angular app with Alan AI
Ionic Angular: Integration example
Review a sample Ionic Angular app integrated with Alan AI
Cordova: Integration
Learn how to embed an AI agent created with Alan AI into your Apache Cordova app
Apache Cordova: Integration example
Review a sample Apache Cordova app integrated with Alan AI
Conversational UX design¶
Web: AI Agent in 10 Minutes
Watch this webinar to learn how to create an AI agent for a web app
React: Form Filling
Watch this video to learn how to fill a form in a React app with voice commands
React: Demo app
Review a sample app to learn how to use Alan AI client API methods and handlers in React
Angular: Food Ordering App
Review a sample app to learn how to create a multimodal conversational AI experience
JavaScript: Pacman
Watch this code-along video to create a voice-driven Pacman game in JavaScript
Swift: Food Ordering App
Review a sample app to learn how to create a voice-enabled food delivery app
Swift: SAP Integration Demo
Review a sample app to learn how to integrate a SAP app with Alan AI
Swift: Tutorial
Review the code for a tutorial series to learn how to use Alan AI client API methods and handlers
Swift: Navigation
Follow this tutorial to learn how to navigate in a Swift app with voice commands
Swift: Visual State
Follow this tutorial to learn how to pass the app’s visual context to Alan AI
Swift: Items Highlighting
Follow this tutorial to learn how to highlight items in the app with voice
iOS: Voice AI Agent in 10 Minutes
Watch this webinar to learn how to create a voice AI agent for an iOS app
Kotlin: Navigation
Follow this tutorial to learn how to navigate in a Kotlin app with voice commands
Kotlin: Visual State
Follow this tutorial to learn how to pass the app’s visual context to Alan AI
Flutter: Client API Methods
Learn how to use Alan AI SDK client API methods in Flutter (iOS and Android)
Flutter: Navigation
Follow this tutorial to learn how to navigate in a Flutter app with voice commands
Flutter: Visual State
Follow this tutorial to learn how to pass the app’s visual context to Alan AI
Flutter: Data Sending
Follow this tutorial to learn how to send data from the app to Alan AI
Flutter: Task Completion
Watch the video to learn how to complete tasks in a Flutter app with voice commands
Flutter: Navigation
Watch the video to learn how to navigate in a Flutter app with voice commands
Flutter: Visual Context
Watch the video to learn how to pass the app’s visual context to Alan AI
Flutter: Form Filling
Watch the video to learn how to fill out a form with voice in a Flutter app
Flutter: Shrine App
Review a sample app to learn how to create a multomodal conversational AI experience
React Native: Client API Methods
Learn how to use Alan AI SDK client API methods in React Native (iOS and Android)
React Native: Command Sending
Follow this tutorial to learn how to send commands from the dialog script to the app
React Native: Visual State
Follow this tutorial to learn how to pass the app’s visual context to Alan AI
React Native: Data Sending
Follow this tutorial to learn how to send data from the app to Alan AI
React Native: Navigation
Follow this tutorial to learn how to navigate in a React Native app with voice commands
React Native: Task Completion
Watch this video to learn how to complete tasks in the app with voice commands
React Native: Data Retrieval
Watch this video to learn how to dynamically get data from the app
Ionic React: Client API Methods
Learn how to use Alan AI SDK client API methods in Ionic React (Web, iOS and Android)
Ionic React: Handlers
Learn how to use Alan AI SDK handlers in Ionic React (Web, iOS and Android)
Ionic React: Navigation
Follow this tutorial to learn how to navigate in an Ionic React app with voice commands
Ionic Angular: Client API Methods
Learn how to use Alan AI SDK client API methods in Ionic Angular (Web, iOS and Android)
Ionic Angular: Handlers
Learn how to use Alan AI SDK handlers in Ionic Angular (Web, iOS and Android)
Ionic Angular: Navigation
Follow this tutorial to learn how to navigate in an Ionic Angular app with voice commands
Ionic Angular: Data Sending
Follow this tutorial to learn how to send data from the app to Alan AI
Ionic Angular: Food Delivery App
Review a sample app to learn how to create a multomodal conversational AI experience
Ionic Vue: Client API Methods
Learn how to use Alan AI SDK client API methods in Ionic Vue (Web, iOS and Android)
Dynamic Slots
Follow this tutorial to learn how to pass data to Alan AI and use it as dynamic slot values
API Calls
Follow this tutorial to learn how to make API calls to external services from a dialog script
Alan AI Platform¶
Alan AI Cheat Sheet
Get all major script concepts, client API methods, handlers and more at a glance
Alan AI Course
Follow Alan AI’s Udemy course to quickly build an AI agent using custom voice commands
Alan AI Studio: Project Creation
Watch this video to learn about AI agent projects in Alan AI Studio
Alan AI Studio: Dialog Design
Watch this video to learn how to build a dialog in Alan AI Studio
Alan AI Studio: AI Agent Embedding
Watch this video to learn how to embed an AI agent into the app
Use cases¶
Use Case: Delivery and Updates
Watch a demo of AI-enabled e-commerce activities: product delivery and updates
Use Case: Navigation and Checkout
Watch a demo of AI-enabled e-commerce activities: navigation and checkout
Use Case: Healthcare Patient Experience
Watch a demo of a AI-enabled healthcare patient experience
Use Case: Onbording and Adoption
Watch a demo showcasing an agent for customer onboarding and app adoption