SplideJS - Flexible and Accessible Carousel for Web Designers

This is a really cool library that gives you almost every option for creating different kinds of carousels. They're a great way of fitting a lot of data in a small space.
I tend to use Bootstrap for a lot of my websites. But I've been wanting to use something that gives me more options. Bootstrap really doesn't do let me do things like having multiple items display thumbnails at the bottom of my slideshow.
This thing is touch enabled, has usability and accessibility features built in so you don't have to write that yourself. And it has all these different options for setup. It comes with pagination, vertical slides and really, just about any feature that I would want in a carousel.
For installation, you can go with either downloading the files, or you can go with a CDN. You can also just run an NPM install command and install the library locally into your NPM project. And there's also React, View and Valve versions.
You can paste your own SVG code for your own arrows and easily modify what the library looks like. There's also a video extension that you can use to have a carousel full of videos, which is another thing that I wanted to do with my project.

[@Loui3Hunna]

Thanks for the tutorial, it was very nice to get going with Splide! Was finally able to make the carousel I had visioned, but I wish there was an option to have the slider navigate on wheel, only in the x direction (for touchpads on laptops). Do you know if there is a way you can configure the wheel option to only work like this?

[@antitialaman7301]

Its posible to use requiere instead of import to get the library?

[@nileshvaghela5665]

Mounting slide adds Splide__list height attribute and it doesn't works with responsive option. Any solution available for that? I tried finding but none worked well with responsive

[@uduakituen7377]

how to we set the keyboard arrow keys to control the splide

[@seghirissam2662]

const splide = new Splide(".splide", { keyboard: true }); splide.mount(); });

[@nareshkumarm4981]

How should i use methods and controllers for splide?.Thanks in Advance.

[@The_Caesar6186]

very cool thanks

[@nomer9998]

Cool! I'm new to web development! Could you tell us about modal windows, popup, tabs. What do you use?

[@planetoftheweb]

Yeah. I do a weekly live stream where I talk about that sort of stuff. HEre's one I did a while back on Notyf. A Notification library: kzbin.info/www/bejne/omKnlpSEq6aCmJo and here is the playlist for The Toolbox: kzbin.info/aero/PL1ezw_kTxXOkc1vNC9fbHYyVv69nqzCeN. I always cover little utilities, so check it out.

[@planetoftheweb]

If you're new, also check out Bootstrap. I use it all the time.

[@joshuadouglas-smith2388]

Bro this is like level zero development. Can we actually create content for mid level developers etc, controllers, event listeners. conditional javascript that fires on active slides. Who is going to benefit from this?

[@Cocoa-mania]

Me, I'm a beginner