Vue Templates Logo Vue Templates
Aws Lex Web UI screenshot

Aws Lex Web UI

Author Avatar Theme by Aws samples
Updated: 18 Dec 2025
821 Stars

Sample Amazon Lex chat bot web interface

Github

Categories

Express Vuetify

Overview

The Sample Amazon Lex Web Interface is a versatile tool that provides a chatbot UI component which can be easily integrated into websites. Users can interact with a Lex bot directly from their browser through text or voice commands. It offers a mobile-responsive UI that can be presented as a full page chatbot or embedded as a widget on existing websites.

Features

  • Mobile-ready responsive UI: Supports full page or embeddable widget modes.
  • Voice and text support: Seamlessly switch between voice and text commands.
  • Voice support features: Automatic silence detection, transcriptions, interrupt responses, and replay recordings.
  • Display of Lex response cards: Presents Lex responses in a visually appealing format.
  • Programmatically configurable: Interact with the chatbot UI using JavaScript.
  • Interactive messaging support: Enables engaging conversations with users.

Installation

To install the Sample Amazon Lex Web Interface, follow these steps:

  1. Deploy the chatbot UI using the AWS CloudFormation templates provided by the project.
  2. Launch the CloudFormation stack in your desired region (listed in the document).
  3. The CloudFormation template creates a sample Lex bot and an Amazon Cognito Identity Pool.
  4. The chatbot UI web application is copied to an Amazon S3 bucket along with a configuration file.
  5. The CloudFormation stack outputs links to the demo and related configuration after deployment.
  6. Customize the configuration of the deployed demo site to adapt the chatbot UI according to your requirements.
  7. For regions supporting Lex Version 2, ensure a Lex Version 2 Bot is deployed before using the Lex Web UI.

Summary

The Sample Amazon Lex Web Interface provides a convenient solution for integrating chatbot capabilities into websites. With features like voice and text support, responsive UI, and interactive messaging, users can effortlessly engage with Lex bots. The easy deployment process through AWS CloudFormation templates simplifies setup, making it accessible for various website integration scenarios.