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 2 & 3 using @vueuse/sound/nuxt
  • โšก๏ธ <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

SchemaOrg - @vueuse/schema-org โ€‹

Schema.org for Vue. Supports typed and automated Google Rich Results

  • ๐Ÿ˜Š No Schema knowledge required, get up and running in minutes with minimal configuration
  • โœจ 20+ Typed Schemas for best practice (Google, Yoast) Rich Results
  • ๐Ÿง™ Automated Schema: @id, URL / date resolving, route meta and more
  • ๐Ÿค Integrations for VitePress, Nuxt, Vitesse and Vite with auto-imports
  • ๐Ÿž Choose your preferred API: Composables or Components
  • ๐ŸŒณ SSR, tree-shaking and Schema inheritance ready

Created and maintained by @harlan-zw

Router - @vueuse/router โ€‹

Utilities for vue-router

Integrations - @vueuse/integrations โ€‹

Integration wrappers for utility libraries

RxJS - @vueuse/rxjs โ€‹

Enables RxJS reactive functions in Vue

Firebase - @vueuse/firebase โ€‹

Enables realtime bindings for Firebase

Electron - @vueuse/electron โ€‹

Electron renderer process modules for VueUse

Released under the MIT License.