Jovo for Web: Open Source, Customizable Voice & Chat for the Browser

by Jan König on Oct 29, 2020

Jovo for Web Open Source Voice and Chat

With the release v3.2 of the Jovo Framework, we're excited to present a completely revamped web integration.

Jovo for Web allows you to build fully customizable voice and chat apps that work in the browser. And it even comes with 4 open source templates (gifs below!) that help you get started.

Like what we're doing? Support us on Open Collective!

Jovo for Web Features

Let's build voice and chat apps for the browser!

In our v3 announcement, we already mentioned that Jovo works with web apps and websites thanks to the RIDR Lifecycle and Jovo Marketplace.

Jovo for Web RIDR Lifecycle

Today, we're thrilled to announce a completely improved verson of our Jovo for Web platform.

Features include:

  • Support for speech, text, and touch input
  • Multimodal: Complex visual and audio output possible
  • Open source and fully customizable
  • 4 starter templates built with modern technologies like Vue.js and Tailwind CSS

We can't wait to see and hear what you build with this!

Select from 4 Starter Templates

To help you get started quickly, we built 4 templates with Vue.js and Tailwind CSS that implement use cases for both voice and chat.

Standalone Voice Experience

Find this starter on GitHub: github.com/jovotech/jovo-starter-web-standalone

Jovo Starter: Standalone Voice Experience

This starter brings your voice experiences into the browser as a standalone web app. This can be seen as an experience equivalent to a smart display. Many Alexa Skills and Google Actions like voice games can be brought to the web using this template.

The starter includes:

  • a push-to-talk button
  • a display of the transcribed speech above the button
  • app output at the top of the screen
  • conversational logic that switches to dark/light mode using custom web actons

Check out the demo here! Hold the button and say "switch to dark mode."

Voice Overlay

Find this starter on GitHub: github.com/jovotech/jovo-starter-web-overlay

Jovo Starter: Voice Overlay

This starter adds a speech input button as an overlay to an existing website or web app. Voice interactions like search, customizations, and deep access of features could be added using the overlay.

The starter includes:

  • a push-to-talk button
  • a display of the transcribed speech left to the button
  • conversational logic that switches to dark/light mode using custom web actons

Check out the demo here! Hold the button and say "switch to dark mode."

Chat Widget

Find this starter on GitHub: github.com/jovotech/jovo-starter-web-chatwidget

Jovo Starter: Open Source Chat Widget

This starter adds a classic chat widget to your website. Think chatbots and conversational experiences for customer support and more.

The starter includes:

  • a bottom-right toggle button
  • text input and quick replies
  • conversational logic that asks the user to open the Jovo Docs (redirect not working on iOS due to platform limitations)

Check out the demo here!

Embedded Chat

Find this starter on GitHub: github.com/jovotech/jovo-starter-web-embbeddedchat

Jovo Starter: Open Source Embedded Chat

This starter adds a customizable chat interface to your website that can be used for things like conversational landing pages, FAQs, mobile chat support, and much more.

The starter includes:

  • fullsize chat component that can be embedded into an existing website
  • text input and quick replies
  • conversational logic that asks the user to open the Jovo Docs (redirect not working on iOS due to platform limitations)

Check out the demo here!

More New Features

Alongside the big launch of Jovo for Web, we also shipped some other improvements and bug fixes with the help of our community. You can find the full changelog here.

How to Update

Learn more in the Jovo Upgrading Guide.

To update to the latest version of Jovo, use the following commands:

Breaking Changes

The "Jovo Web Client" and "Jovo Web Platform" were completely refactored for this release.

A Big Thank You

Thanks a lot to all the contributors of this release. Everyone of the Jovo core team worked together to make this happen! Special thanks to Max who started working on the web integration more than a year ago as part of his bachelor's thesis.

Community and core contributors:

And to everyone else who helped with ideas and feature requests in the Jovo Slack and Jovo Community Forum!


Jan König

Co-founder at Jovo

Comments and Questions

Any specific questions? Just drop them below or join the Jovo Community Forum.

Join Our Newsletter

Be the first to get our free tutorials, courses, and other resources for voice app developers.