23 Components & Libraries
ClickOutside Vue click outside directive. Installation $ npm install vue-click-outside Example template div div v-click-outside="hide" @cl
Vue-ShortKey - plugin for VueJS 2.x accepts shortcuts globaly and in a single listener. Install npm install vue-shortkey --save Usage Vue.use(require
Vue Keypress Want to capture keydown, keypress and keyup and events globally in Vue? Nothing easier than that. The Vue Keypress Component let's you do
vue-clickaway Reusable clickaway directive for reusable Vue.js components Overview Sometimes you need to detect clicks outside of the element (to clos
Responsive, user-friendly and lightweight library helping us build great products for our customers. This library for Vue 2.x, Qui for Vue 3 in our roadmap
v-click-outside Vue directive to react on clicks outside an element without stopping the event propagation. Great for closing dialogues and menus amon
Vue.resize Vue directive to detect HTML resize events based on CSS Element Queries with debouncing and throttling capacity. Demo Typical usage Simple
vue-observe-visibility Detect when an element is becoming visible or hidden on the page. Demo Sponsors Table of contents Installation Usage Example In
v-hotkey Vue 2.x directive for binding hotkeys to components. Play with me https://dafrok.github.io/v-hotkey Install $ npm i v-hotkey # or $ yarn add
VueWaypoint trigger functions based on elements' positions, based on viewport Demo demo page Installation npm $ npm install vue-waypoint --save-dev Vu
vue-selectable Overview It's common task to make mouse selection of some objects on the page. This directive makes this task extremely easy, all you n
v-dragged Vue directive plugin for drag event detection. NOTE: This directive listens for mouse/touch events, and sets a handler for when a drag actio
curved Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints an
vue-global-events Add shortcuts by listening to events on the document, anywhere This is the version for Vue 2, if you are looking for the Vue 3 versi
vue-throttle-event throttle events based on requestAnimationFrame Status Features Uses requestAnimationFrame Exposes an istance method called $throttl
🖼 Pseudo Window Vue component to bind event-handlers or classes to window/document/body! Insert pseudo-window anywhere in your template: pseudo-wind
vue-edge-check English / 中文 Check Browser Edge Reactively.To prevent transition effect triggered oddly when swipe edge with vue-router ✨ Before After
v-click-outside-x Vue V2 directive to react on clicks outside an element. Install $ npm install --save v-click-outside-x $ yarn add v-click-outside-x
vue-tabevents Easy communication between tabs for Vue 2.x Getting Started Installing Install with npm: npm install --save vue-tabevents import into pr
vue-outside-events Vue 2.x directive to react on events outside of an element without stopping the event's propagation. Works well for handling clicks
vue-esc 🏃 Vue.js directive to add a document event listener on escape keyup. Support Vue.js 2 = vue-esc@=2.0.0 [master] Vue.js 1 = [email protected] I
vue-scrollfire Fires an event on a specific scroll position Demo Install npm install --save-dev vue-scrollfire // [email protected] npm install --save-dev vue-s
vue-mutation-observer VueJS directive to observe changes in DOM use MutationObserver API Install npm install vue-mutation-observer or yarn add vue-mut