Vuejs Lazy-loading Resources

Clone: Xbox Series X Page This clone landing page shows important information of the Xbox Series X console, created for the purpose of learning and te

vue lazy container,By detect the visibility of elements in the page, decide whether to load resources and render.

sloth-loader 🦥 Image Lazy loader Vue Component with intersection observer Example here Installation yarn add sloth-loader npm i sloth-loader import c

VueLazily The easiest way to lazy load your content. Inspired by vue-promised, recommend to look at it if you need loading/errors handling without laz

📖 Lazy-attr v1.2.3 Create lazy loading request or element like image, iframe, video... Make custom animation on lazy and not lazy element on all brow

vue-li-image A Vue.js component to lazy load an image automatically when it enters the viewport using the Intersection Observer API.

A text loading component for Vue.js. Uses SVG and javascript to animate a text loading with a gradient.

Data loading animation component for VueJS, inspired by video games loading screens.

Vue Loaders CSS Vue wrapper for Loaders.css, the delightful and performance-focused pure css loading animations Demo The live demo is available here:

This is a minimal Vue plugin to enable transitions or animations on scroll using custom animations and transitions defined by you.

vue-svg Super simple svg loading module for Vue.js (actual npm package is vue-cli-plugin-svg) Introduction vue-svg allows you to import .svg files in

vue-simple-loading Thanks for tobiasahlin/SpinKit. The css3 animation is copied from it. All the things I do is built it as a vue component. This proj

A Vue.js component to load an image automatically when it enters the viewport.

A Vue lazy loading directive.

Progress Bar Unopinionated Progress Bar Usage The component can be used outside of the Enso ecosystem. Demo For live examples and demos, you may visit

Vue Router Loading Easy to use and highly customizable Vue Router Loading. Getting started Install the package: npm install vue-router-loading Import

vue-lazyload-akamai Vue.js lazy load image directive with akamai image converter 💅

Async data loading plugin for Vue.js

Vue-loader-page: Full Page Loader

Vue Skeleton Loader Show component's skeleton before it's loaded Installation Via NPM import Vue from 'vue' import VueSkeletonLoader from 'vue-skeleto

External Files Head Loader A VueJS plugin for loading external JS/CSS inside VueJS environment. I created this since some of my projects need to load

StealJS plugin for Vue.js Single File Components. Steal (StealJS) is a module loader with sane defaults. With the steal-vue plugin, Steal can bundle V

VueScript2 - Simple, Familiar Asynchronous Script Loading

Minimalistic activity indicator (loading icon) in shape of a spinning wheel

skeleton-loader-vue Loader showing skeleton view while data is being loaded to improve UX. 💿 Installation npm: npm install skeleton-loader-vue --save

A plugin to handle the loading state within your Vue applications

vue-loading Vue directive for show loading block in any element. Live demo and usage Build by vue-cli and vue-cli-component Usage General usage scrip

A vue3 component that spins on load

Lazy Load List Lazy Load List is a lightweight web package that loads items in lazy way to achieve high performance and better UX in large lists. Rend

Vue Lazy Picture Responsive Vue component for Medium-style lazy loading pictures. Uses intersection-observer and stackblur-canvas internally. Demo htt

Vue Loading Project setup npm install Compiles and hot-reloads for development

google-charts ES6 Google Charts Module that allows asynchronous loading Installation yarn add -D google-charts or npm i -D google-charts Quick Start

vue-eternal-loading Infinity loading component written on TypeScript for Vue 3, based on IntersectionObserver. No dependencies. Features: 4 directiona

Image Swiper English | 简体中文 Features Demo Smooth enter and exit transitions Lazy-load images Multiple image groups Gesture control (Swipe left/right/u

Vue Visual Vue 2 image and video loader supporting lazy loading. Visual 2.x is a simplification of Version 1.x with a greater reliance on modern brows

Stripe.js ES Module Use Stripe.js as an ES module. Note: To be PCI compliant, you must load Stripe.js directly from https://js.stripe.com. You cannot

progressive-image A dead simple progressive-image module for Vanilla JavaScript and Vue.js 1.0+ & 2.0+ GitHub GitHub - progressive-image NPM NPM - pro

vue-spinner Not support Vue 2.0. A collection of loading spinners with Vue.js. Just convert yuanyan's React.js project Halogen to Vue.js components. S

💅🏻 Vue-loading-skeleton Make beautiful loading skeleton that automatically adapt your vue app. 💡 Demos of storybook 📕 中文文档 Base usage Install by n

vuejs-loading-plugin Simple loading screen plugin for your Vue application Getting Started Install npm i --save vuejs-loading-plugin Set up import Vu

zLoading Vue 2.x component for loading indicator, youtubeBar | google Circle. (support mobile) Gif display Install npm install z-loading -S Quick Star

vue-slide-for-more pkg.module supported, which means that you can apply tree-shaking in you project A vuejs(vue2) component for loading more data when

Vue Lazy Image Loading Vue progressive image and background loading plugin. Installation npm install vue-lazy-image-loading Usage import Vue from 'vue

vue3-lazy Status: Alpha. Lazy load plugin for Vue 3.x inspired by vue-lazyload. This plugin support very simple options, and easy to use. Install $ np

Multiple Process Loader Management for Vue and (optionally) Vuex. Read the Medium post "Managing Complex Waiting Experiences on Web UIs". Play with de

share me: Nuxt Speedkit ✨ Release Notes 📖 Documentation 👁 Preview Nuxt Speedkit takes over the Lighthouse performance optimization of your generated

vue-loading-template Use SVG for loading. Demo: https://jkchao.github.io/vue-loading/ Start npm install vue-loading-template --save Options Prop Type

vue-loading-spinner Just another collection of loading spinners with Vue.js Installation npm install --save vue-loading-spinner or yarn add vue-loadin

Example All loaders may be previewed at: http://samherbert.net/svg-loaders NOTE: Chrome 45 intended to deprecate SMIL icons but has since suspended th

This is a zero-dependency React adaptation of Sam Herberts SVG Loaders library.

cube-vue-image-lazy A super simple image lazy loader for Vue. Install yarn add cube-vue-image-lazy Warning: You'll need to install the w3c Intersectio

vue-dialog-loading A light vue dialog plugin with loading animation and image preview View the Demo and its source for more. Install npm install --sav

vue-async-modal Flexible modal component for Vue with ability of asynchronous lazy loading Usage Firstly, you should add Modal component in your templ

Vue Pagination with loader, axios REST API call without any external libraries Project setup npm install Compiles and hot-reloads for development npm

Client-Side Vue.js Vue.js client-side for tiny, quick-loading, node.js-less Single Page Apps. Demo client-side-vue/ index.html - The entry-point for y

vuegister About Vuegister (a portmanteau for vue-register) is a require hook for loading of the Vue.js single-file components (or *.vue files). The ma

Geoguess is a free and lazy geoguess game. Players compete how close the player can guess random locations in five rounds. You can play multiplayer with your friends up to five friends. The first player creates a room and decides the room size. Other players type the same room name as the first player created and the game will start.

Vue / VueX / Jest - SPA with TypeScript , lazy loading, VueX, SASS, route guards, decoulped components and Vue 3.0 new features.

Vue.js Lazy This Lazyloading component using Intersection Observer API. This plugin will help you to show and hide component base on viewport showing

vue-lazy-loading a vue plugin to better supporting lazy loading for image and iframe The plugin will preferentially use native image and iframe lazy-l

v-lazy-component Vue component render when visible. Uses Intersection Observer API. 📖 Release Notes ✨ Demo: https://v-lazy-component.now.sh 🟥 NPM: h

vue-lazy Lightweight Image/Picture lazyload based on Intersection API. About Please note that this lib is on very early stage. Storybook 📕 Example 📺

vue-lazy-calc this is a simple calculation plugin in lazy way. (inspired by lodash) features vue friendly strong typed lazy evaluation chaining method

vue-scroll-loader 简体中文 A scroll loading component for vue.js. View demo Browsers Already use IntersectionObserver polyfill compatible with mainstream

Intro An infinite scroll component compatible with vue.js 3 and vite, to help you implement an infinite scroll list more easily. Features Lightweight

vuex-loading Simplify vuex loading state management Installing Using npm: $ npm install vuex-loadings -s Know Simplify vuex loading state management n

vuex-loading-plugin The plugin which including to your modules loading logic. When you will handle any actions you triggering loading mutation. When a

Vue store loading state Installation

An infinite scroll component compatible with vue.js 3 and vite, to help you implement an infinite scroll list more easily.

Loaders.css Delightful and performance-focused pure css loading animations. What is this? See the demo A collection of loading animations written enti

A require hook for loading single-file vue components in node. Useful for testing without having to spin up web browsers!

An vuejs loading component ☄️

Full overlay loading with spinner for Vue

Vue component to easily build (or use presets) SVG loading cards Facebook like.

SVG component to create placeholder loading, like Facebook cards loading.

A Vue.js component to lazy load an image automatically when it enters the viewport using the Intersection Observer API.

nuxt-speedkit will help you to improve the lighthouse performance score (100/100) of your website.

组件库包含了 AutoForm 自动表单、BackTop 返回顶部、Breadcrumb 面包屑、 Button 按钮、Cascader 级联选择器、Checkbox 多选框、Collapse 折叠面板、ColorPicker 颜色选择器、DataPicker 时间选择器、Dialog 弹层对话框、Alert 弹框、Echarts 图形图表、Form 表单、Input 输入框、Lazy 图片延时加载、Loading 加载等待、Menu 菜单、Pagination 分页、Progress 进度条、Radio 单选框、Select 选择器、Steps 步骤条、Swiper 图片轮播、Switch 开关、Table 表格、Tabs 标签页、Textarea 文本框、Tooltip 提示、Transfer 穿梭框、Tree 树形、Upload 上传等常用组件

Vue Image Kit Vue.js Image Kit Component with Lazy Load built in and Responsive Images The inspiration comes from this and a talk from @derevandal in

Vuejs Loading Screen (Demo) Using to block whlie client processed work. Screenshot Installation npm i --save vuejs-loading-screen Usage import Vue fr

Imagvue Imagvue provides basic image processing props(size,blur,contrast,grayscale, etc.). Support image lazy loading. All Attributes can bind with da

vue-async-modal Flexible modal component for Vue with ability of asynchronous lazy loading Usage Firstly, you should add Modal component in your templ

A zero configuration progress loading bar component for Vue.js. Just add a reference and it’s done. The component interact with every ajax requisition

lazy-vue lazy-vue is the easiest way to get a lazy image loader working within your vue projects. It is meant to be as simplest as possible, so you do

vue-loading-bar Loading Bar Component for Vue.Js DEMO Need Vue 2 Version? Click Here... Intro Vue Loading Bar is a Youtube like loading bar component

Embed a YouTube player easily and lazy load the video to save resources and reduces initial load size.

The Ultimate fully-customizable plugin for skeleton cards in Vue. It's a no-brainer.

vue-async-data for Vue.js 2.0 Async data loading plugin for Vue.js Install this plugin is written in ES2015, so recommend compile with babel/babel-pol

vue-loadable vue-loadable improves your loading state flow by providing methods and helpers to manage it. template p v-if="$isLoading('initialize

Vue.ImagesLoaded A Vue.js 2.0 directive to detect when images have been loaded, based on imagesLoaded This directive allows to get a callback when chi

vue-resource-progressbar-interceptor Module attaches interceptors to vue instance which controls progressbar on top of the screen. Your vue instance s

Vue Content Loading Vue component to easily build or use presets for Facebook-like SVG loading cards. Inspired in React Content Loader So how does it

🐌 vue-tiny-lazyload-img A small size Vue.js directive for lazy loading images using IntersectionObserver API Demo Page https://mazipan.github.io/vue-

Pimg is a Progessive Image Component For React, Preact and Vue.js. It helps in lazy loading of images in a nice and cool way. It's 2KB (gzipped). It h

v2-lazy-list A simple lazy-load list component based Vue 2.x, which will be on-demand rendering the list based container element's viewport. v1.x is n

Vue Clazy Load Claziest lazy loader out there! Component-based image lazy loader for Vue.js 2 Swaps between your image and another component when load

Vue Progressive Image Lazy load images while showing a preview. Super tiny, less than half a kilobyte minified and gzipped. usage v-lazy-img adds the

vue-lazyload-images A plugin of lazy-load images for Vue2.x Support images lazyload in window or build-in element. Demo Installation npm $ npm install

vue-progressive-image Vue progressive image loading plugin Installation $ npm install vue-progressive-image Usage import Vue from 'vue' import VueProg

Lazy Background Images for Vue vue-lazy-background-images A simple Vue component for lazy loading background components. This component is only for ba