Splider stack comes packed with features including 3 different usage 'modes', complete styling control and numerous additional options. Check out the summary slides below!
Slide, Carousel and Fade
Extensive styling options
Show a glimpse of the next slide
Left to right, right to left and...top to bottom!
Option to always centre on the active slide
Option to lazy load added images
Set up your slides differently for 3 different device sizes
Add any of your favourite stacks to the slider
Of course it is fully accessible too
A perfect fit for Source
Splider can be used in any framework. It is an especially good fit for Source though as it has been developed using the same ethos as Source - i.e. minimal code, no dependencies and all without losing any power or control.
Splider is less than 30KB in size (11kb gzipped) and does not need the likes of jQuery or Font Awesome.
Use Source colours
Tap into the Source colour scheme
All Splider elements that can be styled can be set to pick up the Source colour scheme. All of the following colours are available to use for active slides, inactive slides, pagination indicators and the navigation arrows. You can also set each element to pick up the custom colours set in Splider stack - meaning you have full control and flexibility!
Being able to use the Source colours means that all colours will be updated if / when you change your colour scheme in the main Source stack.
Combine with our Animation stack
Slide content can be animated into view using an animation stack. The example below shows how we could use it to animate in some captions in an image slider.
MacBook on a desk
A MacBook with a purple glow
A half-closed MacBook
What are you waiting for?
Add Splider to your Source projects today to include stunning slider elements on your web pages!