Slider demos
Here we are using Splider 2 stack and using Feeds to generate a slide item template that is then used for every event listed in the csv file.
There are numerous different slider setups here so be sure to scroll right down the page!
Slider 1
This demo is a simple slider with no gapping and dimmed inactive slides.
Sold out
Comedy
22/10/25
Sam Snider
Theatre
24/11/25
Brutal
Concert
30/11/25
Spirit of the ages
Comedy
05/12/25
All shut up
Theatre
12/01/26
Sakala
Concert
12/02/26
Sign of the times
Sold out
Concert
16/03/26
Forgotten pleasures
Concert
24/04/26
Candied apples
Slider 2 (Vertical slider)
Here we are using a top-to-bottom slider and have set Feeds to show a limited number of events (the next 6)
Sold out
Comedy
22/10/25
Sam Snider
Theatre
24/11/25
Brutal
Concert
30/11/25
Spirit of the ages
Comedy
05/12/25
All shut up
Theatre
12/01/26
Sakala
Concert
12/02/26
Sign of the times
Slider 3 (Sneak peek)
Here we are showing a single slide at a time but also giving a 'sneak peek' at the next event too (on large screens where space allows)
Sold out
Comedy
22/10/25
Sam Snider
Theatre
24/11/25
Brutal
Concert
30/11/25
Spirit of the ages
Comedy
05/12/25
All shut up
Theatre
12/01/26
Sakala
Concert
12/02/26
Sign of the times
Sold out
Concert
16/03/26
Forgotten pleasures
Concert
24/04/26
Candied apples
Slider 4 (Cards)
Here we have created a 'card' type effect for each slide. A border is applied to the active slide to make it more prominant. We have also set the slides to be viewed across the whole container width (whilst constraining the navigation buttons to the regular container width).
Sold out
Comedy
22/10/25
Sam Snider
Theatre
24/11/25
Brutal
Concert
30/11/25
Spirit of the ages
Comedy
05/12/25
All shut up
Theatre
12/01/26
Sakala
Concert
12/02/26
Sign of the times
Sold out
Concert
16/03/26
Forgotten pleasures
Concert
24/04/26
Candied apples
Slider 5 (Autoscroll)
This demo makes use of the 'Autoscroll' feature to have the slider progressing smoothly without user interaction. In addition it has been set up to only autoscroll when the user reaches this section (and pauses when not in view) - this means that no events will be missed.
Sold out
Comedy
22/10/25
Sam Snider
Theatre
24/11/25
Brutal
Concert
30/11/25
Spirit of the ages
Comedy
05/12/25
All shut up
Theatre
12/01/26
Sakala
Concert
12/02/26
Sign of the times
Sold out
Concert
16/03/26
Forgotten pleasures
Concert
24/04/26
Candied apples
Slider 6 (Simple grid)
Splider 2 allows you to make grids out of your slides. This demo builds a simple grid to display the events in a really effective and interesting way.
Sold out
Comedy
22/10/25
Sam Snider
Theatre
24/11/25
Brutal
Concert
30/11/25
Spirit of the ages
Comedy
05/12/25
All shut up
Theatre
12/01/26
Sakala
Concert
12/02/26
Sign of the times
Sold out
Concert
16/03/26
Forgotten pleasures
Concert
24/04/26
Candied apples
Slider 7 (Complex grid)
Splider 2 even allows you to build complex grids with some slides set to span multiple columns and/or rows. This example showcases just such a grid!
Sold out
Comedy
22/10/25
Sam Snider
Theatre
24/11/25
Brutal
Concert
30/11/25
Spirit of the ages
Comedy
05/12/25
All shut up
Theatre
12/01/26
Sakala
Concert
12/02/26
Sign of the times
Sold out
Concert
16/03/26
Forgotten pleasures
Concert