Lightweight Vue wrapper for Loaders.css, delightful and performance-focused pure css loading animations

Last update: Feb 14, 2020

Vue Loaders CSS

Vue wrapper for Loaders.css, the delightful and performance-focused pure css loading animations

Demo

The live demo is available here: Vue Loaders CSS Demo.

Installation

With Yarn

yarn add vue-loaders-css loaders.css

With CDN

">

<script src="https://unpkg.com/vue-loaders-css/dist/vue-loaders-css.min.js">script>

Usage

With an ES6 bundler (via npm)

In your index file

import VueLoadersCss from 'vue-loaders-css'
Vue.use(VueLoadersCss)

With CDN

<script>
    Vue.use(VueLoadersCss)

    new Vue({
        // ...
    })
script>

Available props

Option Type Description
type String The loaders.css animation class name

License

The MIT License (MIT)

GitHub

https://github.com/digiqode/vue-loaders-css
You might also like...

Progress bars and loading indicators for Vue.js

Progress bars and loading indicators for Vue.js

vue-progress-path Progress bars and loading indicators that can take any form! This library is Work In Progress. Live Demo Sponsors Gold Silver Bronze

Aug 7, 2022

Vuegister is a require hook for loading of the Vue.js single-file components (or *.vue files).

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

Jun 9, 2022

A StealJS plugin for loading Vue.js Single File Components (.vue)

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

Apr 30, 2021

BlockUI for vue 2, similiar to jquery blockUI, can be used for loading screen.

BlockUI for vue 2, similiar to jquery blockUI, can be used for loading screen.

vue-blockui BlockUI for vue 2, similiar to jquery blockUI, can be used for loading screen. Table of contents Installation Usage Demo Screens Installat

Apr 6, 2022

Vue.js component for full screen loading indicator :cyclone:

Vue Loading Overlay Component Vue.js component for full screen loading indicator Demo or JSFiddle Installation # yarn yarn add vue-loading-overlay #

Aug 17, 2022

⏳ Loading inside a container or full screen for Vue.js

⏳ Loading inside a container or full screen for Vue.js

vue-element-loading ⏳ Loading inside a container or full screen for Vue.js 👀 Document & Demo Page Docs & Live demo Fully feature live demo 💻 Install

Aug 9, 2022

a vue component about toy bricks of skeleton screen loading

tb-skeleton a vue component about toy bricks of skeleton screen loading install $ npm i tb-skeleton -s use npm import Vue from 'vue' import skelet

Jul 10, 2022

👇 Vue button with slideout loading indicator

👇 Vue button with slideout loading indicator

vue-loading-button Straightforward Vue button with slideout loading indicator Props Prop Type Required Default Description loading boolean false false

Jun 29, 2022

Youtube Like Loading Bar Component for Vue.js

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

Nov 28, 2021
Vue Spinners CSS Loaders - Amazing collection of Vue spinners components with pure css.
Vue Spinners CSS Loaders  - Amazing collection of Vue spinners components with pure css.

Vue Spinners CSS Loaders - Amazing collection of Vue spinners components with pure css.

Jul 19, 2022
Vue + loaders.css

vue loaders loaders.css + vue < previous version NPM $ npm install -S vue-loaders CDN umd: https://unpkg.com/vue-loaders/dist/vue-loaders.umd.js esm/m

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

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

Aug 3, 2020
Vue-loading - Vue Placeholder loading Content With Image,Table,Status
Vue-loading - Vue Placeholder loading Content With Image,Table,Status

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

Jan 30, 2022
SVG component to create placeholder loading, like Facebook cards loading.
SVG component to create placeholder loading, like Facebook cards loading.

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

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

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

Sep 1, 2020
A pure Vue component submit button with a Ladda-style spinner

vue-submit A pure Vue component submit button with a Ladda-style spinner. Based on NxtChg/pieces vue-submit but with a different approach, using vue-c

Apr 18, 2019
🌀 A collection of loading indicators animated with CSS for VueJS
🌀 A collection of loading indicators animated with CSS for VueJS

vue-spinkit A collection of loading indicators animated with CSS for VueJS Inspiration Spinkit css animated loading react-spinkit loaders.css DEMO Ins

Jan 21, 2022
A VueJS plugin for loading external JS/CSS inside VueJS environment

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

Jun 16, 2020
Vue-simple-loading: Fork styles from tobiasahlin/SpinKit and built it for vue

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

Dec 17, 2020