slick VS Mo.js

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.

Mo.js is a potent and adaptable JavaScript animation library with a straightforward API and browser support. It's distinguished by its high-performance animations and density-independent effects, ensuring outstanding visual quality on any device. Mo.js provides extensive tools for animation creation, including Player for animation control, Curve Editor, and Timeline Editor for custom easing and editing.

mojs.github.io

Javascript touch events paired with WebGL would be the route I’d go. There are some really great libraries for WebGL (twojs) or working with SVG (mojs) if you want to keep it simple

13. mo.js

d)MoJS

I've looked around and found Mo.js which seems super cool, but it doesn't look like animations can be exported as a video? I want to avoid having to screen record if I can because I feel like the video quality is never as good as had it been directly exported.

Animation. You are creative, and you want your site to grab users' attention at first sight. JavaScript is there for you. With modern frameworks and libraries, such as Three.js,Anime.js,Mo.js any imaginable animation is possible.