Vue.js UI Utilities

This list will help you find the best Vue.js ui utility.

Vue3-lottie
Vue3-lottie
A component for importing and displaying Lottie animations in Vue 3
Vest
Vest
🦺 Declarative form validation framework inspired by unit testing.
Vue-use-paginator
Vue-use-paginator
Vue 3 use-hook to reactively paginate data and arrange paginator buttons. Completely renderless.
Vue-tiny-validate
Vue-tiny-validate
Tiny (2.5KB minified) Vue Validate Composition.
Vue-scrollama
Vue-scrollama
A Vue component to easily setup scroll-driven interactions (aka scrollytelling).
@vuito/vue
@vuito/vue
Simple, lightweight, isomorphic, and template-based validation library.
Vue3-lazyload
Vue3-lazyload
Vue module for lazy-loading images in your vue 3 applications.
Vue-typical
Vue-typical
🐡 Vue Animated typing in ~400 bytes of JavaScript.
V-paginator
V-paginator
Simple page-by-page navigation for Vue.js based on your html templates with ssr support.
Vue-input-validator
Vue-input-validator
🛡️ Highly extensible & customizable input validator for Vue 2
Reforms.js
Reforms.js
Vue 3 and Bootstrap forms and cards generator. Validation, multiple fields, grouping, schema and more.
Vue-middleware
Vue-middleware
Middleware for Vue.
V-visible
V-visible
Vue.js directive for setting visibility of an element.
Vue-styled-shadows
Vue-styled-shadows
Component based styled shadow patterns for images.
Vue-routisan
Vue-routisan
Elegant, fluent route definitions for Vue Router, inspired by Laravel.
Vuelidate
Vuelidate
Simple, lightweight model-based validation for Vue.js.
Vue-html-to-paper
Vue-html-to-paper
Vue mixin for paper printing html elements to paper.
Vue-authplugin
Vue-authplugin
an elegant view auth control plugin, support directive and prototype methods.
Vue-page-visibility-awesome
Vue-page-visibility-awesome
A Vue 2.x component of easy-to-config page visibility api.
Vue-fullscreen
Vue-fullscreen
A simple Vue component for fullscreen.
Vue-fake3d-image-effect
Vue-fake3d-image-effect
An interactive 3D fake-effect for images with depth maps in WebGL.
Vue-displacement-slideshow
Vue-displacement-slideshow
A Vue.js component that makes Webgl image displacement transitions easier.
Vue-vr
Vue-vr
A framework for building VR applications with Vue based on threejs and Panolens, inspired by react-vr
VueGL
VueGL
Vue.js components rendering 3D graphics reactively via three.js
Vue-threejs
Vue-threejs
Vue bindings for Three.js.
Vue-pano
Vue-pano
A panorama viewer in Vue component.
Vue-3d-model
Vue-3d-model
A 3D model viewer in Vue component.
Vue Styled Shadows
Vue Styled Shadows
Styled Shadows for Images
V-github-icon
V-github-icon
easily add "that" tiny GitHub icon on the right/left corner of your Vue components/libraries demos' 🤙
V-ripple-directive
V-ripple-directive
Vue.js directive for ripple effect.
@kooljay82/vue-m-camera
@kooljay82/vue-m-camera
To avoid changing orientation of photo automatically which taken via camera of user's device.
V-aspect-ratio
V-aspect-ratio
Vue.js directive for setting an aspect ratio.
Vue-lifecycle
Vue-lifecycle
A Vue.js lifecycle directives.
Vue-spatialnavigation
Vue-spatialnavigation
Vue directive (Vue.js 2.x) for spatial navigation (keyboard navigation)
Vue-cbsc
Vue-cbsc
A Vue.js 2.x component for programmatically blender, shader and convert colors.
Vue-conditional-attrs
Vue-conditional-attrs
A Vue.js component for conditional rendering attributes and directives
Vue-match-heights
Vue-match-heights
Directive to set heights of elements to be the same.
Vue-openseadragon
Vue-openseadragon
OpenSeaDragon component for Vue.js (zoom and pan)
Vue-async-methods
Vue-async-methods
Helper utilities for promise based methods
V-blur
V-blur
Vue directive to blur an element dynamically
Vue-resize-sensor
Vue-resize-sensor
Component to detect container resizing (event-based)
Vue-visible
Vue-visible
A v-visible directive for VueJS (2.x), like v-show but for visibility.
Vue-images-loaded
Vue-images-loaded
Vue.js 2.0 directive to detect images loading.
Vue-resource-progressbar-interceptor
Vue-resource-progressbar-interceptor
Interceptor that ties a progressbar to all requests, that it is clear that something is loading.
Vue-inline-svg
Vue-inline-svg
Vue component loads an SVG source dynamically and inline <svg> so you can manipulate the style of it with CSS or JS. (vue 2.x, vue 3.x)
Vue-svg-filler
Vue-svg-filler
Vue component for custom your svg file 🖍 🎨 (vue 2.x).
Vue-svg-sprite
Vue-svg-sprite
A directive to simply use SVG sprite (vue 2.x).
Vue-annotator
Vue-annotator
Annotate page using any SVG Element (rect, polygon, and many more, even HTML Element like canvas if wrapped in foreignObject)
Vue-content-loading
Vue-content-loading
Vue component to easily build (or use presets) SVG loading cards Facebook like.
Vue-svgicon
Vue-svgicon
A tool to create svg icon components. (vue 2.x).