Vueuse Alternatives
-
Tailwind CSS
A utility-first CSS framework for rapid UI development.
-
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.
-
composition-api-rfc
Vuepress render for the Composition API RFC
-
vite-plugin-icons
Access thousands of icons as Vue components in Vite
-
alvaro-dev-labs-
Alvaro Dev Labs ⚡️
-
vueuse
Collection of essential Vue Composition Utilities for Vue 2 and 3 [Moved to: https://github.com/vueuse/vueuse] (by antfu)
-
IconPark
🍎Transform an SVG icon into multiple themes, and generate React icons,Vue icons,svg icons
Posts
-
Create modals with Vue3 Teleport + TailwindCSS
// 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
vueuse/vueuse is an open source project licensed under MIT License which is an OSI approved license.