Create Animated card slider with Tailwind CSS and Swiper | React.js 

If you mean the arrow at the bottom left of the cards, I'm currently using the arrow from the react-icons library which is not stored in the src folder. Would you like me to use a normal image instead?

I mean the navigation arrow which is present in left and right side of the container.

​@@wizard9910 You can try to add the following in you Swiper component : navigation={true} modules={[Pagination,Navigation]}

You can add the classes w-full h-full to the div with the background image. That might help

Yes it does work in Next.js. For it to move by itself you need to import the Autoplay module and add it to the other modules. Also in Swiper add autoplay={{ delay:0 }} loop={true} speed={5000} You can change these values to your preference.

Yes, you can do it by adding these attributes to the Slider: loop={true} autoplay={{ delay: 0, disableOnInteraction: false, }} speed={5000} and making the modules: modules={[FreeMode, Pagination, Autoplay]}. An example of this can be found in this project github.com/Mif2006/WebPortfolio/blob/main/app/my-skills/page.tsx

@@WebChainDevaaah i see, thank you, love you're work!

Here it is: gist.github.com/Mif2006/b6963b16274c973b7ddfacf3106bb114

Thanks ? Where is it ?

The code for this component is in the GitHub gist in the description and my previous comment. There are also links to the constants and assets in the description.

@@WebChainDev You misunderstood :) I responded to this: 'source code?' I simply can't understand why people are so reluctant to say 'thank you' when somone obviously put a lot of work into the video and are sharing source code for free. Perhaps the least they could do is say 'thank you'.

Ahh, thanks for clarifying :) Thanks for the support!@@Minu_Shalom