Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source) Learn more →
Top 16 JavaScript Swipe Projects
-
Project mention: How to implement a data access layer pattern in SvelteKit? | /r/SvelteKit | 2023-05-26
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.
-
Project mention: Looking for what this scrolling page scrolling-stop effect is called | /r/webdev | 2023-06-04
From what I can tell they're using fullpage.js: https://alvarotrigo.com/fullPage/ But, as mentioned CSS scrollsnap is also an option to explore.
-
Klotho
AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)
-
Project mention: Any idea on how to make that view swipe in react native ? | /r/reactnative | 2022-06-20
I agree with the react-native-snap-carousel recommendation and have used it in projects, I can also recommend react-native-swiper as a pure js option https://github.com/leecade/react-native-swiper
-
-
pagePiling.js
pagePiling plugin by Alvaro Trigo. Create a scrolling pile of sections. http://alvarotrigo.com/pagePiling/
-
-
I've been looking for a free gallery software, where you don't just have a a grid option of square images. It really doesn't need to have a light box, I am fine with making pages for each picture when you click on it, because I need to show details of the painting on it. I have looked at nanogallery2 (https://nanogallery2.nanostudio.org/) and really like the justifier option, but for me, it is to difficult to install. Any suggestions? I am not interested in wordpress.
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
-
-
react-gallery-carousel
Carousel 🎠 component supporting touch, mouse emulation, fullscreen, thumbnails, lazy loading, server side rendering, RTL, keyboard navigation and customisations.
-
swiffy-slider
Super fast carousel and slider with touch for optimized websites running in modern browsers.
-
Library: https://github.com/umanghome/swipe-listener
-
-
react-tinder-card-demo
This is a demo for react-tinder-card which is a react module for making elements behave like cards in the ever so popular dating app tinder.
Project mention: React-tinder-card library Cards are not stacking properly one on top of the other? | /r/learnjavascript | 2022-07-27 -
-
Called it Swipeable. It’s used in a few projects too, so hopefully something for your use case.
-
InfluxDB
Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.
JavaScript Swipe related posts
- Keep Arrows from Overlapping on Slides - SwiperJS
- 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.
- Building An Image Slider With Swiper Js
- React Component for a "Swipe left/right"
- Looking to make dawn theme featured collection scroll
- How can I achieve this type of timeline animation in HTML/CSS
- How do I create this?
-
A note from our sponsor - Klotho
klo.dev | 7 Jun 2023
Index
What are some of the best open-source Swipe projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | Swiper | 35,349 |
2 | fullPage | 34,616 |
3 | react-native-swiper | 10,178 |
4 | react-swipeable-views | 4,347 |
5 | pagePiling.js | 4,080 |
6 | react-native-deck-swiper | 1,489 |
7 | nanogallery2 | 674 |
8 | Pageable | 341 |
9 | gnome-shell-extended-gestures | 302 |
10 | react-gallery-carousel | 199 |
11 | swiffy-slider | 182 |
12 | swipe-listener | 86 |
13 | react-swipeable-list | 74 |
14 | react-tinder-card-demo | 54 |
15 | react-native-viewpager-carousel | 39 |
16 | swipeable-react | 22 |