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
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
Router - @vueuse/router
Utilities for vue-router
useRouteHash
— shorthand for reactive route.hashuseRouteQuery
— shorthand for reactive route.query
Integrations - @vueuse/integrations
Integration wrappers for utility libraries
useAxios
— wrapper foraxios
useCookies
— wrapper foruniversal-cookie
useFocusTrap
— reactive wrapper foruseFocusTrap
useJwt
— wrapper forjwt-decode
useNProgress
— reactive wrapper fornprogress
useQRCode
— wrapper forqrcode
RxJS - @vueuse/rxjs
Enables RxJS reactive functions in Vue
from
— / fromEventtoObserver
— sugar function to convert a ref in an observeruseObservable
— use an ObservableuseSubscription
— uses subscriptions without worry about unsubscribing to it or memory leaks
Firebase - @vueuse/firebase
Enables realtime bindings for Firebase
useAuth
— reactive Firebase Auth bindinguseFirestore
— reactive Firestore bindinguseRTDB
— reactive Firebase Realtime Database binding