FancyLayouts | Vaadin

Layouts and components with transitions!

FancyLayouts is fast way to add small amount of transitions to your Vaadin application. It's implemented with CSS transitions so transitions work with all modern browsers. IE should work like with normal layout elements (so without transitions).

FancyImage offers easy way to have fading effect when you swap image in your UI. FancyPanel will fade old content out before fading new content it. FancyCssLayout adds fading transitions when you add and remove components from it. FancyNotifications is extension of FancyCssLayout providing OSX styled notifications for your application.

Best way to see what add on does is to try out online demo. Please remember that with IE components will not have transitions.

Addon is still under development. Goal would be to offer alternative transitions. And maybe try to implement JS based transition implementation alternative for IE browsers.


Link to this version
StableReleased 16 March 2017Apache License 2.0
Framework Support
Vaadin 8.0+
Also supported:
Vaadin 6 (0.2.1)Vaadin 7 (1.0.1)
Browser Compatibility
Install with
Release notes - Version 2.0.0

Vaadin 8 support