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.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
The latest post mention was on 2023-06-04.
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 |
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com