Product Tour Add-on | Vaadin

Create product tours for explaining your UI

Product Tour provides the possibility to create a product tour for your web application and introduce the user to your user interface.

You can attach the single steps of the tour to every component of your UI.


  • Attach to components: The steps of a tour can be attached to any AbstractCompomponent

  • Theming: The look and feel of the steps will be adapted to your theme automatically by using the valo theme engine. Additionally the buttons used for steps can be styled using the valo button styles

  • Options: You can set various options for the single step like e.g. modality, text, title, anchor position, what buttons are shown

  • Events: The steps and tour fire different events for you to be able to react if needed (e.g. showing of a step, completion of a tour, etc.)


The addon is based on Shepherd.

Tags: Product Tour, Step, Help, Overlay


Link to this version
BetaReleased 31 March 2017Apache License 2.0
Framework Support
Vaadin 8.0+
Also supported:
Vaadin 7 (0.2.2)
Browser Compatibility
Install with
Release notes - Version 0.5

Fix for modality curtain not working