Embla Carousel

Carousel / slider

FreeLibraries & build toolingembla-carousel.com

What it is

A dependency-free carousel engine, v8, with a React wrapper. It handles touch, momentum, looping, autoplay and variable slide widths while leaving markup and styling to you. It is the engine behind shadcn's Carousel component.

Why it earns a slot

Carousels look trivial and are not: touch momentum, loop seams and accessibility all bite. Embla is small and unopinionated where older sliders drag in jQuery-era baggage.

Know before you commit

Features like autoplay and fade are separate plugin packages. Being headless, you write all the CSS — expect layout work for the slide track.

Getting started

npm install embla-carousel-react

Field notes

0 from the community

Loading notes…

Field check

Unverified

Pricing snapshot

Free · MIT

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate Embla Carousel (https://www.embla-carousel.com) for this project, then use it only if it fits what we are already building.
Context: Carousel / slider. A dependency-free carousel engine, v8, with a React wrapper. It handles touch, momentum, looping, autoplay and variable slide widths while leaving markup and styling to you. It is the engine behind shadcn's Carousel component.
Reviewer notes (general, not written for this codebase): Carousels look trivial and are not: touch momentum, loop seams and accessibility all bite. Embla is small and unopinionated where older sliders drag in jQuery-era baggage.
Watch out for: Features like autoplay and fade are separate plugin packages. Being headless, you write all the CSS — expect layout work for the slide track.
Pricing: Free · MIT
Setup: npm install embla-carousel-react
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/embla-carousel