[Feature Request] Carousel component

[srivatsa17]

Is your feature request related to a problem? Please describe.

I am trying to build an ecommerce website where i want to display a slideshow of images but unable to do so because there is no carousel component available yet.

Describe the solution you'd like

It would be great to have a carousel for slideshow of images/text. Ref: https://react-bootstrap.github.io/docs/components/carousel

Describe alternatives you've considered

Would be displaying a single image instead of slide show.

Screenshots or Videos

No response

[DhruvParikh1]

This would be extremely convenient. I have been using react-slick while I wait for this to be added. Probably a core component to any UI library

[krishnapraveen7]

Is this on roadmap?

[artiphishle]

Feature proposal:

• swipe on mobile device
• optional loop
• optional pagination
• optional title/text on image
• next/prev arrows
• keyboard navigation
• slide stops on mouseover image
• event callbacks
• slide duration

Event callbacks also pretty standard, I e.g. would like to change theme (next-themes) on slide ;)

in a version 2 it would be nice to add multiple effects for slides 🤩 Maybe by just supporting some known plugins, there are libraries out there to integrate if this is ok policy-wise, as it would push some 3rd party libraries

and 3d carousel (not too hard, one Math.tan() calculation and a perspective 🤗 at least that's how I did it back in the days)

I need to find out how easy it is to collaborate, e.g. what kind of mobile event handlers/package us used etc.

If it's easy I might inplement it here.

Let me know anything that helps to quickly collaborate, thanks in advance, going to check it out too or start doing it standalone if not easy to integrate, as I'm a bit in a hurry on this ;)

A more general thing for every nextUI component could be (if not so already) to simply add items by mentioning a API route (or server action) as such an abstraction would tidy up client-side code a lot, but that's offtopic here, aplogies 🐱

[0xc0000f]

++

[theteleporter]

It would be nice if it was integrated with embla carousel too, it has really nice features, such as the parallax, it's really nice.

[zvictor]

I am in need of a carousel atm as well, but I wonder if that should be NextUI's job to include one. With so many options out there (thanks @theteleporter for the suggestion, I didn't know embla!), isn't it better to keep that as a separate concern? Honestly asking!

Maybe we should instead be discussing what external tool best fit the needs of our community. Unless I am missing the point here, of course 😊

[theteleporter]

I am in need of a carousel atm as well, but I wonder if that should be NextUI's job to include one. With so many options out there (thanks @theteleporter for the suggestion, I didn't know embla!), isn't it better to keep that as a separate concern? Honestly asking!

Maybe we should instead be discussing what external tool best fit the needs of our community. Unless I am missing the point here, of course 😊

You can check out Shadcn UI's Carousel, they have simplified the Embla Carousel and Integrated it with their components. I think Next UI should also follow what Shadcn are doing.