A Lightweight Image Carousel Library

[@uixmat]

Found this via shadcn a few weeks back and i managed to get really creative with it for a interview assignment! very nice carousel!

[@hamedbahram]

Awesome! I'd love to see what you've created.

[@seatube327]

I was literally just looking for a new carousel library today. Thanks for the video!

[@hamedbahram]

There you have it. Glad I could help!

[@mertdr]

It’s awkward this one never came to my attention while I was looking for React sliders/carousel alternatives last year and therefore I stuck with Swiper always. Swiper is good but heavy and its React module will be deprecated I guess, so it’s nice to keep viable alternatives for future projects. Great catch mate, thanks for sharing.

[@hamedbahram]

My pleasure! Always good to have alternatives.

[@anversadutt]

I always get a new tech from you to implement in my project, thank you bro

[@hamedbahram]

My pleasure!

[@labinotmurati5490]

Thank you for the information, Embla Carousel is really amazing!

[@hamedbahram]

You're welcome! I agree I like it too :)

[@TolgaErgin]

looks promising, thanks for the video

[@hamedbahram]

My pleasure!

[@iUmerFarooq]

Wow i love this library 💚 I will use it with Vuejs and Nuxtjs 💚

[@hamedbahram]

Fantastic!

[@erreyonj]

Great vid, exaplined just enough to inspire playing with this fire library!

[@hamedbahram]

Great to hear!

[@naylord5]

Thank you! Definitely will give it a try

[@hamedbahram]

Definitely worth trying!

[@naylord5]

@@hamedbahram And following this path please take a look to "input-otp" in npm. It is pretty new and I believe has a lot of potential.

[@기하학곡선]

This is what i was looking for. it's really amzing and cool. thank you for making this video. 👍👍👍👍👍

[@hamedbahram]

My pleasure! Glad you found it useful.

[@Osmanity]

thanks!, was fighting with swiper just before i saw ur video

[@hamedbahram]

Happy it helped!

[@rfBeaSttt]

Nice stuff, thanks!!!

[@hamedbahram]

My pleasure!

[@neoTriny]

nice one, thanks sir 🎉

[@hamedbahram]

Welcome 👍

[@Leandro-4687]

Hi, do you know if is possible add "bullet buttons", I didn't find a guide like the prev and next buttons...

[@hamedbahram]

The default example has the bullet buttons → www.embla-carousel.com/examples/predefined/#default

[@AllahomAnsorGaza]

thank you boss thats what i was looking for

[@hamedbahram]

No problem 👍

[@AjayRathod-o1n]

How did you wrap whole element by div when you are adding arrow icons.

[@hamedbahram]

Not sure which part you're talking about, but I've probably used emmet command. Hit ctrl+shift+p and type emmet and choose emmet:wrap with abbreviation.

[@AjayRathod-o1n]

@@hamedbahram Thank you it worked

[@sai7743]

It support seo nextjs this carousel

[@hamedbahram]

Absolutely!

[@Osmanity]

what was the extension you used for abbreviation shortcut in 9:04?

[@hamedbahram]

I used the `Emmet: Wrap with abbreviation" command to wrap the components.

[@MiladJoodi]

Great ♥

[@hamedbahram]

Thanks!

[@amirebrahimi1453]

عالی ممنون

[@hamedbahram]

Eraadat 🫡

[@iUmerFarooq]

Make some tutorials on Vuejs and Nuxtjs 😊

[@hamedbahram]

Hmm 🤔 never thought about it, but I'll have that in mind.

[@FelipeOcampo-v4i]

I love you.

[@hamedbahram]

Thank you!

[@0xtz_]

shadcn uses it too the only issue I got is the spacing hhhhh

[@hamedbahram]

That's right! What is the issue?

[@0xtz_]

@@hamedbahram just some dynamic items I hade to do some tricks to make them responsive 😂 it took sometime but I had it done thanks man keep going 👍

[@hamedbahram]

@@0xtz_ Awesome!

[@amir-sdmi]

dude you are amazing, thank you for introducing us to this tool

[@hamedbahram]

You're welcome! I'm glad you found it helpful.