Swiper
Embla Carousel
Our great sponsors
Swiper | Embla Carousel | |
---|---|---|
86 | 28 | |
38,325 | 4,749 | |
- | - | |
9.1 | 9.3 | |
8 days ago | 2 days ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
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.
Swiper
-
Building a complex carousel like Slick Slider center mode but without jQuery
SwiperJS?, they’ve got plenty of templates there.
- Any good sliders other than outdated slickJs
-
How to implement a data access layer pattern in SvelteKit?
You mention YAGNI, but I think the bigger blocker is "Don't reinvent the wheel" - which I think is the most misunderstood bit of programming advice out there. In my SvelteKit app, I am not using a "UI Framework" that provides components to me. I don't need to. Svelte is simple enough that I can build almost anything myself. I've looked at Skeleton's source code, and their components on average are not better than versions I have rolled myself. There are a few cases where it's better to use a framework. Sliders, for instance, have a lot of edge cases. So I use Swiper for carousels. But even then, I could build a working basic slider (that doesn't address the numerous edge cases) myself in an hour. The other case is Headless UI but even there, I disagree with how he implemented some things and it's possible to roll your own Svelte Headless UI just from Tailwind's source.
-
🎉Top React Libraries for Developers
Swiper.js is a JS library for creating touch-based, mobile-friendly sliders and carousels for web apps. It provides many features and options for building highly customizable sliders.
-
React Component for a "Swipe left/right"
I haven't used it myself, but I've seen other folks mention Swiper JS. This little snippet from their landing page makes it look pretty easy to use.
-
Trying to remember the name of a library...
Swiperjs? https://swiperjs.com
-
What do you all use for your sliders? Do you build them from scratch or use some kind of plugin?
swiperjs.com is my go to.
-
7 Libraries You Should Know as a React Developer 💯🔥
NPM: https://www.npmjs.com/package/swiper
-
A carousel with zooming active slide using react-spring-carousel
But thanks God, it is now absolutely effortless to create a carousel from many libraries such as Swiper, Slick, Owl Carousel,...
-
I created the FASTEST slider library - Blaze Slider ⚡️ - 30x Faster than Slick slider.
How does your lib compare to something modern like Swiper?
Embla Carousel
-
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
-
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
-
Mantine 5.0 is out – 140+ hooks and components with dark theme support
@mantine/carousel package – a fully featured Carousel component based on Embla
- Any recommendations for a Lightbox / Gallery plugin that is compatible with Gatsby 4?
- ¿Cómo crear un Carrusel con Next y Chakra UI?
What are some alternatives?
slick - the last carousel you'll ever need
Owl Carousel 2 - DEPRECATED jQuery Responsive Carousel.
splide - Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
Flickity - :leaves: Touch, responsive, flickable carousels
Glide.js - A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more
react-slick - React carousel component
reveal.js - The HTML Presentation Framework
Tiny Slider 2 - Vanilla javascript slider for all purposes.
keen-slider - The HTML touch slider carousel with the most native feeling you will get.
lightGallery - A customizable, modular, responsive, lightbox gallery plugin.
FlexSlider - An awesome, fully responsive jQuery slider plugin
PhotoSwipe - JavaScript image gallery for mobile and desktop, modular, framework independent