Directory

← Back

Carousel-3D

3D carousel component

Author

Rating

Popularity

200+

A carousel is a slideshow for cycling through a series of Vaadin components horizontally or vertically with a 3D effect.

Sample code

Carousel carousel = Carousel.create()
        		.withAutoplay()
        		.withDuration(3, TimeUnit.SECONDS);
// adjust the width and height (optionally)
carousel.setWidth(600);
carousel.setHeight(375);
Image image = new Image("https://picsum.photos/600/400"), "A Random Image");
carousel.add(image);

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

added methods to

  • get the index of the component on center stage
  • get the component on center stage
  • minor bugfixes
  • updated demo application
Released
2021-07-22
Maturity
BETA
License
Apache License 2.0

Compatibility

Framework
Vaadin 14+
Vaadin 24+ in 1.0.0
Vaadin 23 in 0.8.0
Vaadin 14 in 0.8.0
Browser
N/A

Carousel-3D - Vaadin Add-on Directory

3D carousel component Carousel-3D - Vaadin Add-on Directory
A carousel is a slideshow for cycling through a series of Vaadin components horizontally or vertically with a 3D effect.
Source Code
Online Demo

Carousel-3D version 0.5.0
+ 3D carousel for all Vaadin components + client site implementation for optimal performance + horizontal and vertical orientation + configurable autoplay + swipe support + server-side controls (optional) + add and remove components on-the-fly

Carousel-3D version 0.6.0
added methods to * get the index of the component on center stage * get the component on center stage * minor bugfixes * updated demo application

Carousel-3D version 0.7.0
minor bugfix (show by index 0 corrected)

Carousel-3D version 0.8.0
minor bugfixes

Carousel-3D version 1.0.0
3D Carousel for Vaadin 24 changed Polymer for Lit

Online