accessible-slick
the last (accessible) carousel you'll ever need. (by Accessible360)
Swiper
Most modern mobile touch slider with hardware accelerated transitions (by nolimits4web)
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
| accessible-slick | Swiper | |
|---|---|---|
| 8 | 87 | |
| 244 | 38,612 | |
| 0.0% | - | |
| 0.0 | 9.1 | |
| 18 days ago | 2 days ago | |
| JavaScript | JavaScript | |
| 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.
accessible-slick
Posts with mentions or reviews of accessible-slick.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-01-01.
- Any idea on how to create this carousel?
- What is your favourite slider module?
-
Carousel (based on a tabpanel)
While searching the internet, most of the examples I've seen of accessible carousels usually make the arrows fairly large and on either side of the content, instead of underneath it. For example, this or this.
-
Can anyone recommend an accesible carousel/slider that meets WCAG 2.1 guidelines.
This is what we use at my company for client sites now: https://accessible360.github.io/accessible-slick/
-
How do I make a slideshow that shows multiple images at once like the bottom 2? I've looked on w3 schools for examples but can only find code for the first type or carousel slideshow
Also: https://accessible360.github.io/accessible-slick/
- Accessibility, Carousels, Multi-step Forms
- Why not to use Carousels
-
YSK That Slick carousel hasnt been updated in years and has 1.1k+ issues on Github. It current gets 500k downloads a week
A quick search brings up an accessible fork of slick - https://github.com/Accessible360/accessible-slick
Swiper
Posts with mentions or reviews of Swiper.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2024-04-04.
- Web Components e a minha opinião sobre o futuro das libs front-end
- Slider with two thumbs
-
Building a complex carousel like Slick Slider center mode but without jQuery
SwiperJS?, they’ve got plenty of templates there.
-
How to implement
Maybe swiper? https://www.npmjs.com/package/swiper
-
When the client dont understand minimalist design
just use https://swiperjs.com/ ... has all the usability imho.
- Any good sliders other than outdated slickJs
-
Share a folder with other people
That said, B2 does not include a photo viewer. However, folks who know html can easily add a photo viewer. For instance, we posted this example album to help developers learn how to read files using Python. This sample album uses the open source Swiper album.
-
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.
-
Keep Arrows from Overlapping on Slides - SwiperJS
Hello everyone! I'm trying to keep the arrows in SwiperJS from overlapping on my slides, but I can't seem to find a working/viable solution. I've checked this post out, https://github.com/nolimits4web/swiper/issues/3736, but the first solution mentioned just makes the arrows disappear and I can't figure out how to fix the CSS to restyle them, and the second solution mentioned just seems very temporary. If anyone could help with any suggestions or ideas to solve this problem, it would be very much appreciated! Thank you!
- How can I create a slider that cycles through photos based on how high it is? I've already tried a bunch of image slider plugins, and they all used arrows, which couldn't be changed.
What are some alternatives?
When comparing accessible-slick and Swiper you can also consider the following projects:
react-slick - React carousel component
slick - the last carousel you'll ever need
keen-slider - The HTML touch slider carousel with the most native feeling you will get.
Owl Carousel 2 - DEPRECATED jQuery Responsive Carousel.
Tiny Slider 2 - Vanilla javascript slider for all purposes.
splide - Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
bootstrap-vue - BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.
Flickity - :leaves: Touch, responsive, flickable carousels
Embla Carousel - A lightweight carousel library with fluid motion and great swipe precision.
Glide.js - A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more
accessible-slick vs react-slick
Swiper vs slick
accessible-slick vs keen-slider
Swiper vs Owl Carousel 2
accessible-slick vs Tiny Slider 2
Swiper vs splide
accessible-slick vs bootstrap-vue
Swiper vs Flickity
accessible-slick vs Embla Carousel
Swiper vs Glide.js
accessible-slick vs slick
Swiper vs react-slick