Embla Carousel React

Code example

import useEmblaCarousel from "embla-carousel-react";

export function Example() {
  const [ref] = useEmblaCarousel({ loop: true });
  return (
    <div ref={ref}>
      <div style={{ display: "flex" }}>
        <div style={{ flex: "0 0 100%" }}>Slide 1</div>
        <div style={{ flex: "0 0 100%" }}>Slide 2</div>
      </div>
    </div>
  );
}

Pros & cons

FAQs