embla-carousel
A lightweight carousel library with fluid motion and great swipe precision
About
A lightweight carousel library with fluid motion and great swipe precision
What detecting embla-carousel tells you about a site
embla-carousel is a lightweight, dependency-free, framework-agnostic carousel engine that handles only the hard scrolling-and-snapping mechanics and leaves styling to you. Finding it signals a team that wanted a slider without the weight and opinionated markup of older carousel plugins, and it has become the carousel of choice in the shadcn/ui world, so its presence often coincides with a modern Tailwind-and-Radix stack. It reads as a deliberate, performance-aware pick by developers who like owning their own DOM and styles.
Why the exact embla-carousel version matters
Embla split into a core package plus framework adapters and reworked its plugin and options API across major versions, so the version pins which API shape and which official plugins (autoplay, wheel gestures, class-names) were available. The major also dates the integration against the shadcn carousel snapshot it was likely copied alongside.
embla-carousel in a real-world stack
When you find embla-carousel in a bundle, it rarely travels alone. embla-carousel-react and shadcn/ui, with Tailwind CSS.
Quick facts
npm install embla-carouselHow Sourcemap Explorer detects embla-carousel
embla-carousel ships as v8.6.0, published 2025-04-04 and carries 0 direct dependencies, 239 versions on the registry. Those exact numbers are the footprint Sourcemap Explorer matches when embla-carousel rides inside a deployed bundle — here is how the detection works.
We catch embla-carousel from two complementary signals: bundled source paths and the embedded package.json. Modern bundlers (webpack, Vite, esbuild, Rollup, Turbopack) preserve the original node_modules/embla-carousel/ paths inside the JavaScript sourcemap's sources[] array — that's the canonical signal. When the matching package.json is also captured in sourcesContent[], we read the exact version field — patch number included. No regex guessing, no version inference.
- 1
Confirm the site exposes sourcemaps
In DevTools Network, check the response headers of any application script for `SourceMap` or `X-SourceMap`. Failing that, fetch the script's last 4 KB and look for a `//# sourceMappingURL=` comment — that map is where the `embla-carousel` paths live.
- 2
Find the package in the bundle
Open DevTools → Network → reload. Click any application script and look at its sourcemap. Inside, search `sources[]` for entries matching `node_modules/embla-carousel/` — every match confirms the package is bundled. The matching `sourcesContent[i]` for `node_modules/embla-carousel/package.json` gives you the exact installed version.
- 3
Read the version directly from package.json
Run `jq -r '. as $m | $m.sources | to_entries[] | select(.value | endswith("node_modules/embla-carousel/package.json")) | $m.sourcesContent[.key] | fromjson | .version' bundle.js.map`. Sourcemap Explorer automates the same query in the popup.
Major releases of embla-carousel
When each major version first landed. Major bumps are where breaking changes live, so this timeline is the fastest way to date the embla-carousel version a site actually ships against the ecosystem.
Recent versions
embla-carousel README
Live mirror of the GitHub README, for reference. Updated whenever the repo's default branch changes.
Embla Carousel
Embla Carousel is a lightweight, dependency-free carousel library built for smooth, fluid motion and precision swiping. It’s framework-agnostic, fully open source, and designed to give you complete control without unnecessary bloat.
· · ·
✨ Sponsors
Thanks to all the amazing Embla Carousel sponsors for making this project possible! Become a sponsor and help it keep rolling forward.
Thanks to all our past sponsors for helping Embla Carousel get to where it is today.
🧑💻 Contributors
Thank you to all contributors for making Embla Carousel awesome! Contributions are welcome.
🌍 Community
- Discussions: Ask questions, share ideas, and start conversations here.
- Issues: Report bugs or request features here.
- Contributing: See CONTRIBUTING.md for how to get involved.
🙏 Special Thanks
- syntaxfm - First long-term sponsor with continued support.
- gunnarx2 - React wrapper useEmblaCarousel.
- LiamMartens - Solid wrapper useEmblaCarousel.
- donaldxdonald, zip-fa, JeanMeche - Angular wrapper EmblaCarouselDirective.
- xiel - Plugin Embla Carousel Wheel Gestures.
- zaaakher - Contributing guidelines.
- sarussss - Answering questions.
🌱 Open Source
Embla is MIT licensed 💖.
Embla Carousel - Copyright © 2019-present.
Library created by David Jerleke.
· · ·
Thanks BrowserStack, CodeSandbox and Algolia, for supporting open source tools that help improve projects like Embla Carousel.
FAQ
What is embla-carousel used for?
A lightweight carousel library with fluid motion and great swipe precision
How can I tell if a website is using embla-carousel?
Open the page in Chrome with the Sourcemap Explorer extension installed and read the Stack tab. We catch `embla-carousel` from two complementary signals: `node_modules/embla-carousel/` paths inside the JavaScript sourcemap, and the embedded `package.json` we read for exact-version detection. Without the extension you can do the same lookup manually in DevTools — the steps are listed in the "How Sourcemap Explorer detects" section above.
How do I find out which version of embla-carousel a website is running?
Read it straight from the site's JavaScript sourcemap. When a build ships source maps, the bundled `embla-carousel/package.json` carries the exact `version` string — Sourcemap Explorer extracts it in one click on the Stack tab, and you can do it by hand in DevTools by opening the `.map` file and searching for `node_modules/embla-carousel/package.json`. That is far more reliable than inferring the version from an asset-hash or a `?ver=` query string, which is all surface-level detectors have to go on. The current npm release is 8.6.0, but real deployments frequently run an older pinned version — which is exactly why reading the bundled number matters.
What is the latest version of embla-carousel?
8.6.0, as published on the npm registry. The "Recent versions" table on this page lists the most recent 8 releases with their release dates. Sourcemap Explorer reports the version actually bundled into a site, which can lag the latest release by months on real-world deployments.
Is embla-carousel actively maintained?
Maintained but slow-moving — releases come every several months rather than weekly. The last published release was 2025-04-04. Source code: https://github.com/davidjerleke/embla-carousel.
Where can I read more?
Project homepage: https://www.embla-carousel.com. Source code: https://github.com/davidjerleke/embla-carousel. Published on npm: https://www.npmjs.com/package/embla-carousel. Licensed as MIT.
Keep reading on Sourcemap Explorer
Detection deep dives
Alternative tools
Detected by Sourcemap Explorer
When a bundle ships sourcemaps, we read the embedded package.json for embla-carousel and report the precise version (the registry's latest is v8.6.0, published 2025-04-04; the bundled copy is often older). Without sourcemaps, an import / require in the page's scripts is enough to flag it.