splide
Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors. (by Splidejs)
Embla Carousel
A lightweight carousel library with fluid motion and great swipe precision. (by davidjerleke)
Our great sponsors
| splide | Embla Carousel | |
|---|---|---|
| 25 | 28 | |
| 4,633 | 4,887 | |
| 2.3% | - | |
| 0.0 | 9.3 | |
| about 1 month ago | 15 days ago | |
| TypeScript | TypeScript | |
| MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
splide
Posts with mentions or reviews of splide.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-06-14.
- SplideJS – The lightweight, flexible and accessible slider/carousel
-
XHR not loading in Safari on MacOS?
I am initializing a JS library called Splide (v4.1.2) but images don’t seem to load in Safari. I get this error message, which I think has to do with the XMLHttpRequest:
-
Build A Reusable Carousel With React And Splide.js
In this article, you will build a reusable carousel component using React and Splide.Js — a lightweight and versatile slider library.
- Advice on creating an animation like this for my opening page?
-
How to make sliders swipeable, just like instagram carousels ?
Check out Splide Slide. There are a lot of different sliders to choose from. You'll have to know a little about javascript to be able to use it, which can get a little tricky. Timothy Ricks has a couple tutorials on how to implement it. This one in particular.
-
Trying to remember the name of a library...
Maybe this https://splidejs.com/?
-
What is your favourite slider module?
I used https://splidejs.com/ in recent projects.
-
Do developers create carousels from scratch most of the time?
Thoughts on Splide? It’s also really good & lightweight https://splidejs.com
-
What is this designed called? And how would you make this in tailwindcss? I tried searching carusel, card ,card carusel, scrolling cards etc.
You can easily achieve that with a js package such as https://splidejs.com
-
How do I get different carousels like this?
Slick is a very popular carousel, I use splide but either one would be able to make a slider like that
Embla Carousel
Posts with mentions or reviews of Embla Carousel.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-06-12.
-
Any good sliders other than outdated slickJs
https://www.embla-carousel.com is a pretty good one.
- Trying to remember the name of a library...
-
What do you all use for your sliders? Do you build them from scratch or use some kind of plugin?
I've been using https://www.embla-carousel.com recently
- embla-carousel - a lightweight carousel library with fluid motion and great swipe precision
-
react2svelte/image-gallery: Svelte carousel image gallery component with thumbnail and mobile swipe support, ported from react-image-gallery (demo linked inside)
Did you try embla-carousel?
-
Does Tailwind UI have carousels?
I think carousels are pretty specific and would probably be best be independent so maybe not the best decision factor. I recently used this https://www.embla-carousel.com/ With ChakraUI
-
Blaze Slider - The FASTEST Slider library for high-performance websites
How does it compare to https://github.com/davidjerleke/embla-carousel
-
Best Carlousel library for React?
Agreed
-
Trying to create/find how to make an image carousel like this...
Only if you're already using jQuery in the project. I'd go with Embla all the way.
-
Mantine 5.0 is out – 140+ hooks and components with dark theme support
@mantine/carousel package – a fully featured Carousel component based on Embla
What are some alternatives?
When comparing splide and Embla Carousel you can also consider the following projects:
Swiper - Most modern mobile touch slider with hardware accelerated transitions
Glide.js - A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more
keen-slider - The HTML touch slider carousel with the most native feeling you will get.
slick - the last carousel you'll ever need
vanilla-lazyload - LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.
Flickity - :leaves: Touch, responsive, flickable carousels
Owl Carousel 2 - DEPRECATED jQuery Responsive Carousel.