vue-tinder
Introduction
VueTinder is a lightweight Vue component for swipeable card stacks, with multidirectional gestures, programmatic controls, undo support, and customizable slots.
This project is an independent open-source UI component and is not affiliated with Tinder LLC.
Links
- 📘Documentation: https://shanlh.github.io/vue-tinder
- 👉Play with vue-tinder online
Features
- Made With ❤️, strict detail requirements, under the slow motion, can better see the ease of transition animation, no matter how fast and complicated the operation does not have to worry about the problem.
- Full Functioning, in addition to the original left, right, and up/down-sliding, a new fallback function has been added, which also supports multiple rollbacks at the same time.
- Rich Configuration, adjustable sliding, spacing parameters and CSS units for a more flexible and adaptable layout.
- Simple and lightweight (~5KB after Gzip compression)
TODO
VueTinder is still under development, and here are some of the issues that are currently known:
- The mobile end may accidentally touch VueTinder when the finger slides back.
You are welcome to contribute to the development of VueTinder.
Related Packages
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 2.0.3 | ^2.6.10 | MIT | |
| 2.0.2 | ^2.6.10 | MIT | |
| 2.0.1 | ^2.6.10 | MIT | |
| 2.0.0 | ^2.6.10 | MIT | |
| 1.1.1 | ^2.5.16 | MIT | |
| 1.1.0 | ^2.5.16 | MIT | |
| 1.0.0 | ^2.5.16 | MIT |
Pre-releases (3)
| Version | Released | Vue | License |
|---|---|---|---|
| 3.0.0-alpha.2 | ^3.0.5 | MIT | |
| 3.0.0-alpha.1 | ^3.0.5 | MIT | |
| 3.0.0-alpha.0 | ^3.0.5 | MIT |