My Favorite Carousel Library | Swiper.js

Swiper.js is an awesome carousel library. In this video i show you how to install and setup swiper and create this really cool cube carousel
Swiper.js: swiperjs.com/
-----------------------------------------------------------------------------------------------------
Join my channel to support me to continue doing what I love!
/ @johnkomarnicki
-----------------------------------------------------------------------------------------------------
Patreon: / johnkomarnicki
Website: johnkomarnicki.com/
Twitter: / john_komarnicki
LinkedIn: / john-komarnicki
-------------------------------------------------------------------------------------------------------
#vue #vue3 #swiper

[@randel_mcafee86]

Swiper is amazing! Thanks for sharing, John!

[@yanDev]

Thanks John for this Amazing Library!

[@ASSASIN299]

Great Libary, Great tutorial thanks

[@MartinMasevski]

Been using swiper for the last months and it's very useful and it adapts easily to everything

[@JohnKomarnicki]

Yeah, I’ve used it in a ton of projects myself. Very useful almost any type of carousel you might need!

[@thompsonalfred8591]

Love your videos John... Thank you so much

[@JohnKomarnicki]

Thank you thompson, i appreciate that!

[@RO-nb6mz]

awesome!

[@ramgo2264]

Good job 👊

[@yusha790]

this is helpful thanks!

[@JohnKomarnicki]

Glad it was helpful!

[@kevthecoder]

I loved using Swiper but these days I’m using SplideJS. I find it very easy to work with and sometimes lighter than what Swiper is offering.
SplideJS also offers continuous sliding like a marquee, something that needs to be hacked with Swiper.
But love em both 👌

[@JohnKomarnicki]

Just checked it out! Maybe I’ll have to give this a try and see! Overall it does look great! 👀
*Good thing I said my favorite and not the best!

[@kevthecoder]

@@JohnKomarnicki hahaa! We have a convert 😂 jk but most definitely would love to see you do a video and cover it. I think the developer would appreciate it as I don’t see it getting the traction that SwiperJS gets 👍

[@JohnKomarnicki]

Haha, we might! I enjoy giving all libraries a fair shot. I’ll definitely be checking this out and creating a video soon

[@vspoke9150]

Thank you for sharing, I am starting on the web developing and I'm clad people share everything they know.

[@nightl00ky69]

Amazing and informative video, was very much needed! I love the customizability that Vue offers, and I think it's a bit easier to learn than React or Angular.
I have one question though, why is your code autocompleting? Is it an extension or is it just the way you edit your videos?
Regards.

[@JohnKomarnicki]

It is the way i edit/create these videos

[@farnaamsamadi5386]

It's a great tool but also the unpacked size is 4.66MB!!! You can write and customize your own carousel within maximum 200 lines of code.

[@JohnKomarnicki]

Of course! I actually created a video where we create a custom carousel from scratch. Most of these libraries are to speed up development, and make life easier to implement features quickly.

[@moraghibner941]

im using vite vue3 swiper. and vite error [vite] Avoid deep import "swiper/vue". also vite say: If the dependency requires deep import to function properly,
add the deep path to optimizeDeps.include in vite.config.js. but still not working. please help me fix it

[@user-bg7iz4cw8i]

Hello! Why doesn't this work with Nuxt 3?

[@zapikk]

What about fullscreen mode?

[@dailycodding8033]

npm i swper giving error while its startring downloading files

[@yanDev]

do you think about redoing big projects like your workout application, or your fireblog? I followed all these projects and I loved and above all learned a lot thanks to them! I really hope that your life and your desire will give you the opportunity to make such projects! but whatever happens thank you!

[@JohnKomarnicki]

Actually, I have a huge project coming soon! Probably near the end of the year. It will be a full stack application, like fireblogs. Built with Vue and Altogic! As well as a Vue crash course coming out within the next couple weeks!

[@yanDev]

@@JohnKomarnicki great ! I'm delighted to read such a thing and I can't wait! see it all! thank you in advance for these videos which promise to be enormous!

[@jampy42]

I use swiper a lot, but can you do a video on free mode with swiper? That's where it really shines

[@JohnKomarnicki]

I actually use that mode for it quite often!

[@karthikm.1804]

Please bring vue + typescript projects

[@croanna_]

FIX: import { Pagination } from "swiper/modules";
, not import { Pagination } from "swiper";

[@DanteMishima]

Is this responsive?

[@JohnKomarnicki]

For the sake of the demo, I did a fixed width and height. But you could make it responsive by not doing that

[@DanteMishima]

@@JohnKomarnicki alright, I see

[@hugo9577]

IMPOSSIBLE TO MAKE IT WORK IN LARAVEL 10 + VUE. BEEN TRYING FOR HOURS IT JUST DOES'NT APPEAR BLANK PAGE

[@truthteachers]

Hi John, thank you for all the good videos but I definitely had to give this one a thumps down. It is quite often you start a video abruptly from nowhere with contents and then you do not provide the starter code. Appreciate your help to make your videos more useful.

[@JohnKomarnicki]

I provide starter code when needed. All the code needed for this is explained in the video. Minus very basic CSS. I wouldn’t create a new repo for just a blank vue 3 project for a tutorial like this.

[@truthteachers]

@@JohnKomarnicki I understand. We need the codes to avoid typing the css and learn the main topic faster. Sometimes the very basic ones like "container" varies on different situation. I am addressing all these on behalf of newbies. Like i always said, the biggest audience are the newbies.