slick VS Flickity

In the past, I have copied code from Slick Sliders on to the container to generate the animation, but would love to learn how to hand code this myself. I work with WordPress in my company, so alot of PHP is involved as well.

I've tried a few things, like installing vue slick carousel but I'm getting a type error that I can't seem to fix. I looked around and could only find basic carousels, without that perspective and layer-stacking kind of stuff with the center one being on top of the others. Slick slider's center mode (https://kenwheeler.github.io/slick/) is cool, not exactly what I want but the closest at least, but it requires jQuery, which I can't use on that project.

Depending how confident you are with JQuery, and what page builder you’re using, you may be able to set up a Slick Slider or similar around the Cover Block and use multiple Cover Blocks as the slides

Try this => https://kenwheeler.github.io/slick/

Years and years ago I used to use Malsup's jQuery Cycle plugin and then Cycle2 but these now seem long abandoned. I've also used both flexslider and slickslider but I'm wondering if there are better, more modern alternatives I could now be using instead to quickly create sliders or carousels.

If you use the Acquia Product 'Site Studio', the carousel component is just a Slick Slider instance. We've used this in several Drupal projects.

But thanks God, it is now absolutely effortless to create a carousel from many libraries such as Swiper, Slick, Owl Carousel,...

Slick will help you realize the carousel effect. It has a full array of options, works with swipe gestures for mobile devices, and supports other cool features. You can even sync the two carousels if you want to create an overlay effect.

There is also a hacked fade version as discussed here: https://github.com/metafizzy/flickity/issues/26

Search for "class OptionsSelection extends HTMLElement". That should get you to the correct area of the JS file. Retina uses Flickity for the main image carousel and thumbnail carousels so should get familiar with that. https://flickity.metafizzy.co/

As always with development, it depends. Some carousels need a lot of features to meet requirements. If you need something really simple, use a css one. If you need a complex one e.g flickity then use that as making your own version of that would be unfeasable.

I'm working on a SvelteKit project, and I'm trying to import Flickity through CDN. I need to include the following element: ``, into my project, but SvelteKit doesn't allow multiple instances of a script element inside a single component.

Ah I see, thanks for the insight! From what I can see, Flickity supports lazy loading and is vanilla JS https://github.com/metafizzy/flickity

I am trying to make some responsive carousel cards and I found Flickity (https://flickity.metafizzy.co/)