45 Components & Libraries
Vuejs dom Libraries
BEM is a great way to namespace DOM elements
Vue BEM Plugin BEM is a great way to namespace DOM elements. If you're like me, however, you can't stand manually writing __ and -- over and over agai
Convert HTML DOM Element to PDF
Convert HTML DOM Element to PDF. You can save a specified element as PDF File, print it directly, or preview as PDF.
Detect DOM element resizing based on Vue3.x
Detect DOM element resizing based on Vue3.x
A directive-supported plugin for transfering DOM to another location in Vue.js components
A directive-supported plugin for transfering DOM to another location in Vue.js components
Render children into a DOM node that exists outside the DOM hierarchy of the parent component
Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component.
Form builder library using VueJS 2 Virtual Dom
vue-form-builder Form builder library using VueJS 2 Virtual Dom Features This is still currently in development as an early build. Build a full form u
Scope IDs to an element by rewriting them to be globally unique
element-scope-ids - scope IDs to an element by rewriting them to be globally unique
A minimal, super simple browser scroll library with a convenient set of easy-to-use listeners and animate methods
vert (beta) A minimal, super simple browser scroll library with a convenient set of easy-to-use listeners and animate methods. Vert is optimized using
Compile markdown to Virtual DOM with remark.
Compiles markdown to Virtual DOM. Built on remark, an extensively tested and pluggable markdown processor
Enable tap, swipe, touch, hold, mouse down, mouse up events on any HTML DOM Element in vue.js 3.x.
vue3-touch-events Enable tap, swipe, touch, hold, mouse down, mouse up events on any HTML DOM Element in vue.js 3.x. The easiest way to make your inte
A Vue 3 plugin for drawing the DOM to canvas
A Vue 3 plugin for drawing the DOM to canvas. Note: This package is usable but not complete. You may want to try CurtainsJS for a more full-featured plugin with a similar effect.
🎨面向未来的原生 web components UI组件库
xy-ui xy-ui是一套使用原生Web Components规范开发的跨框架UI组件库。查看文档 github项目地址 更新 1.10.5 修复 xy-datalist 改变时不触发 onchange 事件的问题 1.10.4 xy-dialog新增portal属性,可以指定渲染到指定节点 1.
A feature-rich Portal Plugin for Vue 2, for rendering DOM outside of a component, anywhere in your app or the entire document.
PortalVue A Portal Component for Vuejs, to render DOM outside of a component, anywhere in the document. For more detailed documentation and additional
A feature-rich Portal Plugin for Vue 2, for rendering DOM outside of a component, anywhere in your app or the entire document.
PortalVue A Portal Component for Vuejs, to render DOM outside of a component, anywhere in the document. For more detailed documentation and additional
Trap focus within a DOM node.
focus-trap Trap focus within a DOM node. There may come a time when you find it important to trap focus within a DOM node — so that when a user hits T
Vue component to trap the focus within a DOM element
focus-trap-vue Vue component to trap the focus within a DOM element Installation For Vue 2 npm install focus-trap focus-trap-vue For Vue 3 npm install
Infinite scroll list for Vue.js with DOM recycling.
vue-recyclist (not maintained) Infinite scroll list for Vue.js (v2.1+) with DOM recycling. Demo Installation npm install -D vue-recyclist Import impor
Vue library for add or remove DOM component base on scroll position
vue-scroll-between Vue library for add or remove DOM component base on scroll position demo Installation npm install vue-scroll-between --save Usage
A Vue component for drag selecting elements. Inspired by react-drag-select.
Vue Drag to Select Component A Vue component for drag selecting elements. Inspired by react-drag-select. Demo Visit the demo here. Usage Add vue-drag-
Inject and remove HTML tags (script, style, etc) into DOM on your Vue2/Vue3 projects
Introduction Vue DOM Injector is a library to inject and remove HTML tags (script, style, etc) into DOM on your Vue projects. Useful for injecting thi
For vue-gutter-resize, you can change the size of both neighbor dom by dragging gutter.
vue-gutter-resize language : jp For vue-gutter-resize, you can change the size of both neighbor dom by dragging gutter. demo Browsers support Chrome S
Colorful shadows for your images. 🎨
cosha lets you add colorful shadows to your images. Try it out and look for yourself—the bundle is less than 1kb heavy and it really couldn't be easier to set up!
Vue.js in Web Worker
Vue.js in Web Worker This is a starter app of Vue.js working in Web Worker using WorkerDOM, bundled by Rollup.js. This allows Vue.js to offload its wo
🔗 Catch clicks on hrefs links (in v-html) and route them to vue-router
vue-catch-hrefs This plugin aims to catch clicks on links referring to your app from user generated content in order to redirect them t
A vue directive to keep dom ratio
vue-keep-ratio [中文项目介绍] As there comes a new css attribute: aspect-ratio, I picked up my old work vue-keep-ratio, use a more adaptive (but hack) way t
DOM helpers plugin for Vue.js using gaspard
Vue-gaspard DOM helpers plugin for Vue.js using gaspard Getting started Installing npm yarn bower unpkg npm install vue-gaspard yarn add vue-gaspard b
Vue devtool for identifying Vue components and their SFC paths in the DOM
💡 vue-dom-hints A Vue devtool that adds dev hints in the DOM via __vue__ attribute Instantly identify all Vue components in the DOM and where they're
Vue Mountable is a tiny DOM Library for Vue 3.
Vue 3 Component DOM Mounting
Identify the Internet Speed ⚡️ your users have.
Identify what kinda internet your users are using!
Vue table component with virtual dom and easy api.
Vue table component with virtual dom and easy api.
Vue Directive to move the DOM without losing all the VM data, event, etc. it's Adopted from https://github.com/rhyzx/vue-transfer-dom
Vue Move DOM Vue Directive to move the DOM without losing all the VM data, event, etc. it's Adopted from vue-transfer-dom just Simplify it and change
🦎 Simple and complete Vue.js testing utilities that encourage good testing practices.
Vue Testing Library Simple and complete Vue.js testing utilities that encourage good testing practices. Vue Testing Library is a lightweight adapter b
An escape hatch for DOM Elements in Vue.js components.
vue-dom-portal An escape hatch for DOM Elements in Vue.js components. The directive v-dom-portal will move DOM Nodes from their current place in a Vue
A vue directive that support multiple DOM Node stick to top automatically (一个支持多DOM元素自动吸顶的vue指令)
vue-stickto 简体中文 A vue directive that support multiple DOM Node stick to top automatically (一个支持多DOM元素自动吸顶的vue指令) Online Demo Here Install npm install
VueJS directive to observe changes in DOM use MutationObserver API
vue-mutation-observer VueJS directive to observe changes in DOM use MutationObserver API Install npm install vue-mutation-observer or yarn add vue-mut
Vue 2.x directive to help a specified element listen for specific events occurring outside of itself.
vue-outside-events Vue 2.x directive to react on events outside of an element without stopping the event's propagation. Works well for handling clicks
VueJS directive to observe changes in DOM use MutationObserver API
vue-mutation-observer VueJS directive to observe changes in DOM use MutationObserver API Install npm install vue-mutation-observer or yarn add vue-mut
Vue 2.x directive to help a specified element listen for specific events occurring outside of itself.
vue-outside-events Vue 2.x directive to react on events outside of an element without stopping the event's propagation. Works well for handling clicks
A pure vue responsive masonry layout without direct dom manipulation and ssr support.
vue-masonry-wall A pure vue responsive masonry implementation without direct dom manipulation, ssr friendly with lazy appending. I created this becaus
A phone number input made with Vue JS (format & valid phone number)
vue-phone-number-input A beautiful text field to format phone numbers made with VueJS NEW VERSION ON MY NEW LIBRARY: MAZ-UI The new version of VuePhon
A component to use Vue.js with Jupyter Lumino (PhosphorJS), integrating DOM & VDOM through event listeners and Vue reactivity system.
vue-lumino An example project showing one way to integrate Vue.js and Lumino (née PhosphorJS). Lumino “is a library for building interactive web appli
A Vue.js 2 component to clone DOM elements
vue-cloneya A vue component to clone DOM elements Live demo here Install yarn add vue-cloneya # or npm i vue-cloneya Import import Vue from 'vue'
:zap: Identify what kinda internet your users are using!
Vue Identify Network Identify the Internet Speed ⚡️ your users have. Demo Link - Click Here This is on GitHub so let me know if I've b0rked it somewh
Vue JSON inspector with Chrome-like theme.
Object Visualizer Visualize the JSON object to the DOM. Live Demo Feature Reactivity Fully Configurable option.getKeys: customize visible keys in any