AWS's drop-in chat widget: not pretty, but it talks
An official AWS sample that wraps Amazon Lex into a deployable Vue.js chat interface with voice, text, and one-click CloudFormation setup.

What it does This is AWS’s reference implementation for putting a Lex chatbot on a website. It bundles a Vue.js/Vuetify UI into either a full-page app or an embeddable iframe widget, with CloudFormation templates that auto-deploy to S3 and wire up Cognito auth. Voice input uses Amazon Polly, with silence detection and the ability to interrupt bot responses.
The interesting bit The “seamless” voice/text switching and automatic silence detection are genuinely useful touches in a sample project—most chat widgets treat voice as an afterthought. The CloudFormation-first deployment is also notable: AWS wants you running this in production infrastructure, not just localhost tinkering.
Key highlights
- Pre-built JS libraries in
/distfor drop-in or iframe embedding - CloudFormation templates for 10 regions with one-click launch buttons
- Voice mode with transcription, interrupt handling, and replay
- Programmatic JavaScript API for external page control
- Amazon Connect interactive messaging support (response cards, list pickers, date pickers)
- Mobile-responsive with full-page and compact widget modes
Caveats
- New AWS regions only support Lex V2, but the default CloudFormation stack tries to create a Lex V1 sample bot and will fail unless you pre-deploy a V2 bot
- The README is thorough but sprawling; finding the right integration path requires navigating multiple sub-READMEs
- “Seamless” mode switching is the README’s word, not a benchmarked claim
Verdict Worth a look if you’re already committed to Amazon Lex and need a production-ready starting point. Skip it if you want a polished custom UI or aren’t prepared to wrestle with AWS’s auth and region quirks.