Premise
The library offers two solutions that should cover all of your UI needs:
- useSpringCarousel
- useTransitionCarousel
Both solutions are built on top of two react-spring hooks, which respectively are:
To be completely honest, the library isn't completely headless, since we must render some <div /> wrappers and apply some important styles to make the carousel work and appear as expected. Apart from that, the library doesn't apply any extra css or came with some fancy .css file that you need to import.
Start!
Note: In the following examples, I'll be using some wrapper's components and linaria for the styling part, but remember that the carousel gives you freedom about the tool to use for styling. Furthermore, the library doesn't come with abstracted components. Everything is up to you.