paper-ripple | Vaadin

Add the infamous ripple effect to any component you like

The ripple is useful if you need to make areas of your content visually clickable by giving the user feedback when it is clicked.

The paper-ripple component itself is rather low level, but for convenience there are three basic Components included to make the usage easy:

  • PaperRippleDiv
  • PaperRippleHorizontalLayout
  • PaperRippleVerticalLayout


Link to this version
StableReleased 14 September 2020Apache License 2.0
Framework Support
Vaadin platform 14+
Browser Compatibility
Install with
Release notes - Version 2.0.2
  • updated vaadin version
  • allow accessing the components in the related Layouts
  • updated paper-ripple version
  • added material theme support