Flickity

Goodkit Exclusive

Touch, responsive, flickable carousels.

Plugin Documentation


...
...
...
...

Overlapping buttons

Make buttons overlap the flickity container with .flickity-buttons-overlap modifier.

...
...
...
...

Adjacent buttons

Alternative navigation buttons styles and positioning.

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cumque libero mollitia quis recusandae beatae! Aut sit impedit laudantium beatae at. Dolores exercitationem alias eaque repellat itaque saepe ullam nulla architecto.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cumque libero mollitia quis recusandae beatae! Aut sit impedit laudantium beatae at. Dolores exercitationem alias eaque repellat itaque saepe ullam nulla architecto.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cumque libero mollitia quis recusandae beatae! Aut sit impedit laudantium beatae at. Dolores exercitationem alias eaque repellat itaque saepe ullam nulla architecto.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cumque libero mollitia quis recusandae beatae! Aut sit impedit laudantium beatae at. Dolores exercitationem alias eaque repellat itaque saepe ullam nulla architecto.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cumque libero mollitia quis recusandae beatae! Aut sit impedit laudantium beatae at. Dolores exercitationem alias eaque repellat itaque saepe ullam nulla architecto.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cumque libero mollitia quis recusandae beatae! Aut sit impedit laudantium beatae at. Dolores exercitationem alias eaque repellat itaque saepe ullam nulla architecto.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cumque libero mollitia quis recusandae beatae! Aut sit impedit laudantium beatae at. Dolores exercitationem alias eaque repellat itaque saepe ullam nulla architecto.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cumque libero mollitia quis recusandae beatae! Aut sit impedit laudantium beatae at. Dolores exercitationem alias eaque repellat itaque saepe ullam nulla architecto.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cumque libero mollitia quis recusandae beatae! Aut sit impedit laudantium beatae at. Dolores exercitationem alias eaque repellat itaque saepe ullam nulla architecto.

Soft edges

Adds soft edges of a provided color to the flickity slider. The default color is $white

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cumque libero mollitia quis recusandae beatae! Aut sit impedit laudantium beatae at. Dolores exercitationem alias eaque repellat itaque saepe ullam nulla architecto.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cumque libero mollitia quis recusandae beatae! Aut sit impedit laudantium beatae at. Dolores exercitationem alias eaque repellat itaque saepe ullam nulla architecto.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cumque libero mollitia quis recusandae beatae! Aut sit impedit laudantium beatae at. Dolores exercitationem alias eaque repellat itaque saepe ullam nulla architecto.

Fade

Makes the center item stand out and fades out the rest of the slides.

...
...
...
...

Responsive buttons

Replaces navigation buttons with page dots on mobile devices.

...
...
...
...

Visible overflow

Changes the overflow visibililty of the flickity viewport.

...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In urna lectus, mattis non.
...
Tempor dictum neque. In hac habitasse platea dictumst. Proin sit amet convallis enim.
...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In urna lectus, mattis non.
...
Tempor dictum neque. In hac habitasse platea dictumst. Proin sit amet convallis enim.
...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In urna lectus, mattis non.