Skip to content

Add-ons

The core package aims to be lightweight and dependence free. While the add-ons are wrapping popular packages into the consistent API style.

Head - @vueuse/head

Document head manager for Vue 3. SSR ready. Created and maintained by @egoist

Motion - @vueuse/motion

Vue Composables putting your components in motion.

  • ๐ŸŽ Smooth animations based on Popmotion
  • ๐ŸŽฎ Declarative API
  • ๐Ÿš€ Plug & play with 10+ presets
  • โœ… Supports Vue 2 & 3 using vue-demi
  • ๐Ÿšš Supports Nuxt using nuxt-use-motion
  • โœจ Written in TypeScript
  • ๐Ÿ‹๏ธโ€โ™€๏ธ Lightweight with <20kb bundle size

Created and maintained by @Tahul

Gesture - @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

Created and maintained by @Tahul

Sound - @vueuse/sound

Vue composables for playing sound effects.

  • ๐Ÿ‘‚ Lets your website communicate using 2 human senses instead of 1
  • ๐Ÿ”ฅ Built with Vue Composition API
  • โœ… Supports Vue 2 & 3 using vue-demi
  • ๐Ÿšš Supports Nuxt using nuxt-use-sound
  • โšก๏ธ <1kb bytes (gzip) in your bundle! ~10kb loaded async.
  • โœจ Built with TypeScript
  • ๐Ÿ—ฃ Uses a powerful, battle-tested audio utility: Howler.js

Created and maintained by @Tahul

Nuxt - @vueuse/nuxt

VueUse Nuxt Module

Router - @vueuse/router

Utilities for vue-router

Integrations - @vueuse/integrations

Integration wrappers for utility libraries

RxJS - @vueuse/rxjs

Enables RxJS reactive functions in Vue

  • from โ€” / fromEvent
  • toObserver โ€” sugar function to convert a ref in an observer
  • useObservable โ€” use an Observable
  • useSubject โ€” bind Subject to ref and propagate value changes both ways
  • useSubscription โ€” uses subscriptions without worry about unsubscribing to it or memory leaks

Firebase - @vueuse/firebase

Enables realtime bindings for Firebase

Electron - @vueuse/electron

Electron renderer process modules for VueUse

Add-ons has loaded