Embla Carousel

Embla Carousel is a small JavaScript library for building carousels, also called sliders. It focuses on fluid motion and precise swiping.

Embla provides the core carousel logic, such as scrolling, snapping and dragging, and leaves the markup and styles to you. You can add behavior through plugins. It also works with server-side rendering in frameworks that support it.

• Smooth dragging with precise snapping
• Plugin system for extra behavior
• Works with server-side rendered pages
• Headless, so you control the markup and styles
• Flexible API designed for extension

Developers who want a carousel without a heavy UI kit and who prefer to style the slider with their own CSS. It suits product pages, image galleries and hero banners.

Embla Carousel is open source and MIT-licensed, so it is free to use. Because it is headless, you build the buttons, dots and layout yourself. That gives full control over the design, but it takes more front-end work than a ready-made slider.