npmpackage.info

Gathering detailed insights and metrics for @vueuse/gesture

Other packages similar to @vueuse/gesture

@douxcode/vue-spring-bottom-sheet

2.4.0

Modern and Performant Bottom Sheet for Vue.js

@valdiszz53/vue-spring-bottom-sheet

2.3.0

Modern and Performant Bottom Sheet for Vue.js

Gathering detailed insights and metrics for @vueuse/gesture

@vueuse/gesture - 2.0.0 | npmpackage.info

@vueuse/gesture

🕹 Vue Composables making your app interactive

2.0.0

393

MIT

TypeScript

8.24 kB

889,889 1.9

Installations

npm install @vueuse/gesture

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Node Version

16.17.0

NPM Version

8.15.0 Score

Supply Chain

91.7

Quality

80.3

Maintenance

Vulnerability

100

License

Pull Requests

Open

1

Total

5

Closed

0

Merged

4

Issues

Open

16

Total

26

Closed

10

Releases

v2.0.0

2.0.0

Updated on Feb 22, 2024

View All 1 releases

Languages

TypeScript

TypeScript (100%)

Developer

vueuse

Download Statistics

Total Downloads

889,889

Last Day

229

Last Week

10,585

Last Month

51,475

Last Year

480,504

GitHub Statistics

MIT License

393 Stars

205 Commits

19 Forks

5 Watchers

1 Branches

22 Contributors

Updated on Jun 25, 2025

Bundle Size

30.94 kB

Minified

8.24 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 22 Contributors

Package Meta Information

Latest Version

2.0.0

Package Id

@vueuse/gesture@2.0.0

Unpacked Size

183.94 kB

Size

35.14 kB

File Count

NPM Version

8.15.0

Node Version

16.17.0

Published on

Feb 22, 2024

Total Downloads

Cumulative downloads

Total Downloads

889,889

Last Day

-61.5%

229

Compared to previous day

Last Week

-24.4%

10,585

Compared to previous week

Last Month

2.3%

51,475

Compared to previous month

Last Year

131.7%

480,504

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

chokidar consola upath vue-demi

Peer Dependencies

@vue/composition-api vue

Dev Dependencies

🕹 @vueuse/gesture

Vue Composables making your app interactive

🚀 Plug & play
🕹 Mouse & Touch support
🎮 Directives support (v-drag, v-pinch, v-move...)
✨ Written in TypeScript
✅ Supports Vue 2 & 3 using vue-demi
🤹 Plays well with vueuse/motion or any other animation solution

🌍 Documentation

👀 Demos

Quick Start

Let's get started quickly by installing the package and adding the plugin.

From your terminal:

1pnpm add @vueuse/gesture

In your Vue app entry file:

1import { createApp } from 'vue'
2import { GesturePlugin } from '@vueuse/gesture'
3import App from './App.vue'
4
5const app = createApp(App)
6
7app.use(GesturePlugin)
8
9app.mount('#app')

You can now interact with any of your component, HTML or SVG elements using v-drag or any other directive.

1<template>
2  <div v-drag="dragHandler" />
3</template>
4
5<script lang="ts">
6const dragHandler = (dragState) => {
7  // Do something with dragState
8}
9</script>

To see more about the gestures events data, check out Gesture State.

To see more about the gestures options, check out Gesture Options.

Also, here is a list of the available gestures:

Credits

This package is a fork react-use-gesture by pmndrs.

If you like this package, consider following me on GitHub and on Twitter.

👋

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

1

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.9

/10

Last Scanned on 2025-06-30

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More