Responsive Slider | Swiper Slider 3D-Coverflow Effect React JS

i have update for SWIPER package
import { EffectCoverflow, Pagination, Navigation } from 'swiper'; this will not work in recent version you have to add this instead
import { EffectCoverflow, Pagination, Navigation } from 'swiper/modules';

Nice video, everything is explained in detail

Is this effect free ? cuz after insalling swiper I noticed that the css files for this effect are empty

what extension do you use for this green size optimal after code thing

how to add 1 to 10 number for slide_images_ ? are you using plugin for that?

What font family do you use ?

thank you very much! It wat totally helpful! even thougth my card dont centralize 😄

The swiper slowly slide in ios? Any solution

Waste of time

suggestion: in your github repository give names to the folders without white spaces. I am trying to clone a single directory but it is not cloning probably because of this.

autoplay is not working

Bro prev img & next img are not showing! 😢

i'm just copy pasted this code .but it doesnot worked

Class constructor Swiper cannot be invoked without 'new' -- i'm getting error like this

font size 62% is applied to whole project
if I remove that img become bigger
If I am trying to apply to .swiper-slide img it wont works

my images are all decentralized, and the gap beetween then are to mich bigger, what i can do to solve that? i cant`t find any gap or padddingo wich does that

Hello please. I need your help

Osam👌🎉

why I can’t see the previous and next pictures, but only the current one?

bro you really deserve a like . what is your vs code font ?

which version did you use , current version not working properly

should I implement it into my site? plz :)

I made something very similar in vue 3, but there something i could pull of, i wanted to grow the card in the center if i double click on it, i tried to set out with classes but i could pull of, do have any tips for that?

Your code not working, cards break large device but woking small devices.....
Can you fix the problem?

I have problem when 3 images is showed, the property loop={true} working not correctly when click button arrow-next (but arrow-prev is working normally). Can you set the images to 3 and try click to arrow-next to see the issue? Thank you!

bro you really deserve a like 👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍 thanks for your tutorial and here's a request for you that plz add a caption or title / heading to understand it easily

Now I am experiencing weird problem maybe one of you guys experienced this. When I am trying to hide the div for Swiper its giving me a white blank screen wonder why and how to fix it.

if you have existing website and wanting to add this just remove the html zoom part so it wont enlarge your existing page and 1 more thing remove the scrollbar thumb so the scroll thumb on the right wont look odd.

How can I make the middle slide to stay on by default. If I have total of 9 slides I want the 5th one to be on top(by default), while 4 on right and 4 on left.

what is this css file that appears out of no where and it's not working for me

Thank you for the tutorial!

For the ones using typescript. I think the correct way to write the navigation attribute of the Swiper Component would be:

navigation={{
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
enabled: true
}}

and not

navigation={{
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
clickable: true
}}

Both approaches work, but according to the source code the interface NavigationOptions includes "enabled" but not "clickable".

Great work ❤

great work ! thank you

Nice tutorial ,
which extension you are using that shows imported image's preview in left side ?

Hola, me parecio muy bueno el video, quise intentarlo poner en mi aplicacion y no me queda igual, no se me ponen los estilos

So cool and amazing tutorial. Thank you

can you make this slider in Angular 14

Sheesh looks lovely in the start, can't wait to see who it was done

I want show only three images so how can I move same like yours but for three imaged.

Hi, thanks for the good job - i have a question, how did you enter the image numbers from 1-7 whats the short cut to enter > and the number auto increments?

Thank you very much!!!! I struggled a bit but finally could make it. my page only showed the images on the right but not on the left...
I had to put !important in the .swiper-slide class in the CSS and that solved my problem

Wow!
That is a pretty cool slider

Very cool

I always learn something new from your videos.👌