vueuse

Collection of essential Vue Composition Utilities for Vue 2 and 3 (by vueuse)

Vueuse Alternatives

Similar projects and alternatives to vueuse based on common topics and language
  • GitHub repo Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • GitHub repo iconify

    Universal icon framework. One syntax for FontAwesome, Material Design Icons, DashIcons, Feather Icons, EmojiOne, Noto Emoji and many other icon sets (90+ icon sets, 80,000+ icons).

  • Scout

    Get performance insights in less than 4 minutes. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

  • GitHub repo composition-api-rfc

    Vuepress render for the Composition API RFC

  • GitHub repo vite-plugin-icons

    Access thousands of icons as Vue components in Vite

  • GitHub repo alvaro-dev-labs-

    Alvaro Dev Labs ⚡️

  • GitHub repo vueuse

    Collection of essential Vue Composition Utilities for Vue 2 and 3 [Moved to: https://github.com/vueuse/vueuse] (by antfu)

  • GitHub repo IconPark

    🍎Transform an SVG icon into multiple themes, and generate React icons,Vue icons,svg icons

NOTE: The number of mentions on this list indicates mentions on common posts. Hence, a higher number means a better vueuse alternative or higher similarity.

Posts

Posts where vueuse has been mentioned. We have used some of these posts to build our list of alternatives and similar projects - the last one was on 2021-02-10.
  • Create modals with Vue3 Teleport + TailwindCSS
    dev.to | 2021-02-10
    // Same implementation as https://github.com/vueuse/vueuse/blob/main/packages/core/onClickOutside/index.ts import { watch, unref, onUnmounted } from 'vue'; const EVENTS = ['mousedown', 'touchstart', 'pointerdown']; function unrefElement(elRef) { return unref(elRef)?.$el ?? unref(elRef); } function useEventListener(...args) { let target; let event; let listener; let options; [target, event, listener, options] = args; if (!target) return; let cleanup = () => {}; watch( () => unref(target), el => { cleanup(); if (!el) return; el.addEventListener(event, listener, options); cleanup = () => { el.removeEventListener(event, listener, options); cleanup = noop; }; }, { immediate: true }, ); onUnmounted(stop); return stop; } export default function useClickOutside() { function onClickOutside(target, callback) { const listener = event => { const el = unrefElement(target); if (!el) return; if (el === event.target || event.composedPath().includes(el)) return; callback(event); }; let disposables = EVENTS.map(event => useEventListener(window, event, listener, { passive: true }), ); const stop = () => { disposables.forEach(stop => stop()); disposables = []; }; onUnmounted(stop); return stop; } return { onClickOutside, }; }
  • Which JavaScript Framework Do You Prefer Vue or React? Tell us in the comment section
    A good vue hook library: https://github.com/vueuse/vueuse

Stats

Basic vueuse repo stats
1
3,208
9.6
6 days ago

vueuse/vueuse is an open source project licensed under MIT License which is an OSI approved license.