๐Ÿ’ซ A collection of loading spinner components for Vuejs

Overview

Vue Spinners

npm travis codecov Known Vulnerabilities Known Vulnerabilities

A Vue.js port of react-spinners.

๐Ÿ“ฆ Installation

npm install --save @saeris/vue-spinners
# or
yarn add @saeris/vue-spinners

๐Ÿ”ง Usage

There are a number of ways you can use this library! Here are a few examples:

Vue Plugin

import Vue from 'vue'
import { VueSpinners } from '@saeris/vue-spinners'

Vue.use(VueSpinners)

// Each spinner can now be used in your templates anywhere in the app!

Local Component Registration

import { BarLoader } from '@saeris/vue-spinners'

export default {
  components: {
    BarLoader
  },
  // ...
}

JSX Component

import { BarLoader } from '@saeris/vue-spinners'

export default {
  data: () => ({
    loading: true
  }),
  render() {
    return (
      <div class='loader'>
        <ClipLoader
          class="custom-class"
          loading={this.loading}
          color={'#bada55'}
          size={150}
          sizeUnit={"px"}
        />
      </div>
    )
  }
}

Unpkg Import

<!--Load libraries in your page's header-->
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/@saeris/vue-spinners"></script>

<!--Use a component somewhere in your app-->
<div id="app">
  <bar-loader class="custom-class" :color="#bada55" :loading="loading" :size="150" :sizeUnit="px"></bar-loader>
</div>

<script>
  new Vue({ el: '#app', data: { loading: true } })
</script>

๐Ÿ“‹ Available Loaders, PropTypes, and Default Values

Common default props for all loaders:

loading: true
color: '#000000'

For size, height, and width props, there are sizeUnit, heightUnit, and widthUnit prop that accepts px, %, or em. The default for the unit prop is px.

Loader size:int height:int width:int radius:int margin:str
BarLoader 4 100
BeatLoader 15 2px
BounceLoader 60
CircleLoader 50
ClimbingBoxLoader 15
ClipLoader 35
DotLoader 60 2px
FadeLoader 15 5 2 2px
GridLoader 15
HashLoader 50 2px
MoonLoader 60 2px
PacmanLoader 25 2px
PropagateLoader 15
PulseLoader 15 2px
RingLoader 60 2px
RiseLoader 15 2px
RotateLoader 15 2px
ScaleLoader 35 4 2 2px
SkewLoader 20
SquareLoader 50
SyncLoader 15 2px

๐Ÿ–๏ธ Demo

You can either visit the live demo site, clone this repo and run the demo locally using yarn start and opening your browser to http://localhost:8080, or you can just play with it inside of CodeSandbox here.

๐Ÿ“ฃ Acknowledgements

This library is a Vue port of react-spinners by David Hu, who's library is based on Halogen.

๐Ÿฅ‚ License

Released under the MIT license.

Comments
  • Update eslint-plugin-jest to the latest version ๐Ÿš€

    Update eslint-plugin-jest to the latest version ๐Ÿš€

    The devDependency eslint-plugin-jest was updated from 21.27.2 to 22.0.0.

    This version is not covered by your current version range.

    If you donโ€™t accept this pull request, your project will work just like it did before. However, you might be missing out on a bunch of new features, fixes and/or performance improvements from the dependency update.


    Release Notes for v22.0.0

    22.0.0 (2018-11-07)

    chore

    • package: update to ESLint v5 (6010624)
    • drop support for Node 4 (b57c8f6)

    Features

    • add style recommended config (af070bc)
    • update list of recommended rules (5d3ebcc)

    BREAKING CHANGES

    • New rules added to the recommended config
    • This commit requires Node >=6.
    • package: This commit changes the peerDependency to ESLint >=5.
    Commits

    The new version differs by 7 commits.

    • af070bc feat: add style recommended config
    • 5d3ebcc feat: update list of recommended rules
    • 37f4396 chore(ci): test on node 11
    • 337b8ee chore: upgrade all dated deps
    • 4bfdee5 refactor: use object destructuring for require statements
    • b57c8f6 chore: drop support for Node 4
    • 6010624 chore(package): update to ESLint v5

    See the full diff

    FAQ and help

    There is a collection of frequently asked questions. If those donโ€™t help, you can always ask the humans behind Greenkeeper.


    Your Greenkeeper bot :palm_tree:

    greenkeeper 
    opened by greenkeeper[bot] 60
  • An in-range update of snyk is breaking the build ๐Ÿšจ

    An in-range update of snyk is breaking the build ๐Ÿšจ

    The devDependency snyk was updated from 1.170.0 to 1.171.0.

    ๐Ÿšจ View failing branch.

    This version is covered by your current version range and after updating it in your project the build failed.

    snyk is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

    Status Details
    • โŒ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

    Release Notes for v1.171.0

    1.171.0 (2019-06-02)

    Features

    • add branch and pkg name to monitor analytics (b91d2ae)
    Commits

    The new version differs by 6 commits.

    • 305ac09 Merge pull request #543 from snyk/feat/add_monitor_branch_pname_analytics
    • b91d2ae feat: add branch and pkg name to monitor analytics
    • 464b784 Merge pull request #544 from snyk/chore/delete-docker-promo
    • d82df40 chore: delete expired docker promo
    • 3d66ee6 Merge pull request #534 from snyk/chore/refactor-errors
    • 76b0565 chore: refactor snyk missing api token

    See the full diff

    FAQ and help

    There is a collection of frequently asked questions. If those donโ€™t help, you can always ask the humans behind Greenkeeper.


    Your Greenkeeper Bot :palm_tree:

    greenkeeper 
    opened by greenkeeper[bot] 57
  • Update flow-bin in group default to the latest version ๐Ÿš€

    Update flow-bin in group default to the latest version ๐Ÿš€

    The devDependency flow-bin was updated from 0.82.0 to 0.84.0.

    This version is not covered by your current version range.

    If you donโ€™t accept this pull request, your project will work just like it did before. However, you might be missing out on a bunch of new features, fixes and/or performance improvements from the dependency update.


    Find out more about this release.

    FAQ and help

    There is a collection of frequently asked questions. If those donโ€™t help, you can always ask the humans behind Greenkeeper.


    Your Greenkeeper bot :palm_tree:

    greenkeeper 
    opened by greenkeeper[bot] 49
  • Update lint-staged to the latest version ๐Ÿš€

    Update lint-staged to the latest version ๐Ÿš€

    The devDependency lint-staged was updated from 7.3.0 to 8.0.0.

    This version is not covered by your current version range.

    If you donโ€™t accept this pull request, your project will work just like it did before. However, you might be missing out on a bunch of new features, fixes and/or performance improvements from the dependency update.


    Release Notes for v8.0.0

    8.0.0 (2018-10-29)

    Features

    • Add support for partially staged files (#75) (f82443c), closes #62

    BREAKING CHANGES

    • Node >= 8.6 is required
    Commits

    The new version differs by 5 commits.

    • f82443c feat: Add support for partially staged files (#75)
    • e6a6ec6 chore: upgrade to jest 23 (#507)
    • f05ada6 docs: Add an example for type checking with flow (#502)
    • bcd0af4 docs: Add SurviveJS link
    • d782fa1 docs: Update documentation for husky 1.0 (#496)

    See the full diff

    FAQ and help

    There is a collection of frequently asked questions. If those donโ€™t help, you can always ask the humans behind Greenkeeper.


    Your Greenkeeper bot :palm_tree:

    greenkeeper 
    opened by greenkeeper[bot] 34
  • An in-range update of @vue/cli-plugin-eslint is breaking the build ๐Ÿšจ

    An in-range update of @vue/cli-plugin-eslint is breaking the build ๐Ÿšจ

    The devDependency @vue/cli-plugin-eslint was updated from 3.0.5 to 3.1.0.

    ๐Ÿšจ View failing branch.

    This version is covered by your current version range and after updating it in your project the build failed.

    @vue/cli-plugin-eslint is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

    Status Details
    • โŒ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

    FAQ and help

    There is a collection of frequently asked questions. If those donโ€™t help, you can always ask the humans behind Greenkeeper.


    Your Greenkeeper Bot :palm_tree:

    greenkeeper 
    opened by greenkeeper[bot] 22
  • An in-range update of webpack is breaking the build ๐Ÿšจ

    An in-range update of webpack is breaking the build ๐Ÿšจ

    The devDependency webpack was updated from 4.35.3 to 4.36.0.

    ๐Ÿšจ View failing branch.

    This version is covered by your current version range and after updating it in your project the build failed.

    webpack is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

    Status Details
    • โŒ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

    Release Notes for v4.36.0

    Features

    • SourceMapDevToolPlugin append option now supports the default placeholders in addition to [url]
    • Arrays in resolve and parser options (Rule and Loader API) support backreferences with "..." when overriding options.
    Commits

    The new version differs by 42 commits.

    • 95d21bb 4.36.0
    • aa1216c Merge pull request #9422 from webpack/feature/dot-dot-dot-merge
    • b3ec775 improve merging of resolve and parsing options
    • 53a5ae2 Merge pull request #9419 from vankop/remove-valid-jsdoc-rule
    • ab75240 Merge pull request #9413 from webpack/dependabot/npm_and_yarn/ajv-6.10.2
    • 0bdabf4 Merge pull request #9418 from webpack/dependabot/npm_and_yarn/eslint-plugin-jsdoc-15.5.2
    • f207cdc remove valid jsdoc rule in favour of eslint-plugin-jsdoc
    • 31333a6 chore(deps-dev): bump eslint-plugin-jsdoc from 15.3.9 to 15.5.2
    • 036adf0 Merge pull request #9417 from webpack/dependabot/npm_and_yarn/eslint-plugin-jest-22.8.0
    • 37d4480 Merge pull request #9411 from webpack/dependabot/npm_and_yarn/simple-git-1.121.0
    • ce2a183 chore(deps-dev): bump eslint-plugin-jest from 22.7.2 to 22.8.0
    • 0beeb7e Merge pull request #9391 from vankop/create-hash-typescript
    • bf1a24a #9391 resolve super call discussion
    • bd7d95b #9391 resolve discussions, AbstractMethodError
    • 4190638 chore(deps): bump ajv from 6.10.1 to 6.10.2

    There are 42 commits in total.

    See the full diff

    FAQ and help

    There is a collection of frequently asked questions. If those donโ€™t help, you can always ask the humans behind Greenkeeper.


    Your Greenkeeper Bot :palm_tree:

    greenkeeper 
    opened by greenkeeper[bot] 18
  • An in-range update of vue is breaking the build ๐Ÿšจ

    An in-range update of vue is breaking the build ๐Ÿšจ

    The dependency vue was updated from 2.5.17 to 2.5.18.

    ๐Ÿšจ View failing branch.

    This version is covered by your current version range and after updating it in your project the build failed.

    vue is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

    Status Details
    • โŒ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

    Release Notes for v2.5.18

    Includes everything in 2.5.18-beta.0

    Bug Fixes

    Commits

    The new version differs by 164 commits ahead by 164, behind by 4.

    • dadc918 build: release 2.5.18
    • eb81ec2 build: build 2.5.18
    • dfaf9e2 fix(types): type support for advanced async components (#8438)
    • 8a2dbf5 fix(transition-group): fix activeInstance regression
    • 0ed0aad fix: fix keyName checking for space and delete in IE11 (#9150)
    • f077ed1 fix(ssr): fix ssr template publicPath generation
    • 93850f4 chore: fix sponsor link
    • 1b4a8a0 fix(compiler): fix codegen for v-for component inside template
    • 448ba65 fix(types): correct scopedSlot types (#9131)
    • 0d7fb73 chore: update sponsors/backers [ci skip]
    • e8031b4 build: release v2.5.18-beta.0
    • fe194dd build: build v2.5.18-beta.0
    • 3078352 fix(ssr): resolve server directives the same as on client (#9129)
    • aca17b4 ci: add regression test for popular libraries in Vue.js ecosystem (#8608)
    • e4b1b57 fix(ssr): adjust call stack size defer threshold

    There are 164 commits in total.

    See the full diff

    FAQ and help

    There is a collection of frequently asked questions. If those donโ€™t help, you can always ask the humans behind Greenkeeper.


    Your Greenkeeper Bot :palm_tree:

    greenkeeper 
    opened by greenkeeper[bot] 16
  • Update eslint in group default to the latest version ๐Ÿš€

    Update eslint in group default to the latest version ๐Ÿš€

    The devDependency eslint was updated from 5.16.0 to 6.0.0.

    This version is not covered by your current version range.

    If you donโ€™t accept this pull request, your project will work just like it did before. However, you might be missing out on a bunch of new features, fixes and/or performance improvements from the dependency update.


    Release Notes for v6.0.0
    • 81aa06b Upgrade: [email protected] (#11869) (Teddy Katz)
    • 5f022bc Fix: no-else-return autofix produces name collisions (fixes #11069) (#11867) (Milos Djermanovic)
    • ded9548 Fix: multiline-comment-style incorrect message (#11864) (golopot)
    • cad074d Docs: Add JSHint W047 compat to no-floating-decimal (#11861) (Timo Tijhof)
    • 41f6304 Upgrade: sinon (#11855) (Toru Nagashima)
    • 167ce87 Chore: remove unuseable profile command (#11854) (Toru Nagashima)
    • c844c6f Fix: max-len properly ignore trailing comments (fixes #11838) (#11841) (ZYSzys)
    • 1b5661a Fix: no-var should not fix variables named 'let' (fixes #11830) (#11832) (Milos Djermanovic)
    • 4d75956 Build: CI with Azure Pipelines (#11845) (Toru Nagashima)
    • 1db3462 Chore: rm superfluous argument & fix perf-multifiles-targets (#11834) (่–›ๅฎš่ฐ”็š„็Œซ)
    • c57a4a4 Upgrade: @babel/polyfill => core-js v3 (#11833) (่–›ๅฎš่ฐ”็š„็Œซ)
    • 65faa04 Docs: Clarify prefer-destructuring array/object difference (fixes #9970) (#11851) (Oliver Sieweke)
    • 81c3823 Fix: require-atomic-updates reports parameters (fixes #11723) (#11774) (Toru Nagashima)
    • aef8ea1 Sponsors: Sync README with website (ESLint Jenkins)
    Commits

    The new version differs by 134 commits.

    • a7985a6 6.0.0
    • be74dd9 Build: changelog update for 6.0.0
    • 81aa06b Upgrade: [email protected] (#11869)
    • 5f022bc Fix: no-else-return autofix produces name collisions (fixes #11069) (#11867)
    • ded9548 Fix: multiline-comment-style incorrect message (#11864)
    • cad074d Docs: Add JSHint W047 compat to no-floating-decimal (#11861)
    • 41f6304 Upgrade: sinon (#11855)
    • 167ce87 Chore: remove unuseable profile command (#11854)
    • c844c6f Fix: max-len properly ignore trailing comments (fixes #11838) (#11841)
    • 1b5661a Fix: no-var should not fix variables named 'let' (fixes #11830) (#11832)
    • 4d75956 Build: CI with Azure Pipelines (#11845)
    • 1db3462 Chore: rm superfluous argument & fix perf-multifiles-targets (#11834)
    • c57a4a4 Upgrade: @babel/polyfill => core-js v3 (#11833)
    • 65faa04 Docs: Clarify prefer-destructuring array/object difference (fixes #9970) (#11851)
    • 81c3823 Fix: require-atomic-updates reports parameters (fixes #11723) (#11774)

    There are 134 commits in total.

    See the full diff

    FAQ and help

    There is a collection of frequently asked questions. If those donโ€™t help, you can always ask the humans behind Greenkeeper.


    Your Greenkeeper bot :palm_tree:

    greenkeeper 
    opened by greenkeeper[bot] 14
  • Update eslint-plugin-vue in group default to the latest version ๐Ÿš€

    Update eslint-plugin-vue in group default to the latest version ๐Ÿš€

    The devDependency eslint-plugin-vue was updated from 4.7.1 to 5.0.0.

    This version is not covered by your current version range.

    If you donโ€™t accept this pull request, your project will work just like it did before. However, you might be missing out on a bunch of new features, fixes and/or performance improvements from the dependency update.


    Find out more about this release.

    FAQ and help

    There is a collection of frequently asked questions. If those donโ€™t help, you can always ask the humans behind Greenkeeper.


    Your Greenkeeper bot :palm_tree:

    greenkeeper 
    opened by greenkeeper[bot] 14
  • Update css-loader in group default to the latest version ๐Ÿš€

    Update css-loader in group default to the latest version ๐Ÿš€

    The devDependency css-loader was updated from 1.0.1 to 2.0.0.

    This version is not covered by your current version range.

    If you donโ€™t accept this pull request, your project will work just like it did before. However, you might be missing out on a bunch of new features, fixes and/or performance improvements from the dependency update.


    Release Notes for v2.0.0

    2.0.0 (2018-12-07)

    The main BREAKING CHANGES:

    • css modules are disabled by default, you need setup their use modules option. You can setup their using local (true is alias for this value) and global (previous behaviour) value. Why it is disabled by default? A lot of developers use css without css modules features and they get performance problems due postcss plugins spend time on analyze and processing file.
    • resolving logic for uls() and import at-rules works the same everywhere, it does not matter whether css modules are enabled (with global and local module) or not. Examples - url('image.png') as require('./image.png'), url('./image.png') as require('./image.png'), url('~module/image.png') as require('module/image.png').

    Bug Fixes

    • broken unucode characters (#850) (f599c70)
    • correctly processing urls() with ?#hash (#803) (417d105)
    • don't break loader on invalid or not exists url or import token (#827) (9e52d26)
    • don't duplicate import with same media in different case (#819) (9f66e33)
    • emit warnings on broken import at-rules (#806) (4bdf08b)
    • handle uppercase URL in import at-rules (#818) (3ebdcd5)
    • inconsistent generate class names for css modules on difference os (#812) (0bdf9b7)
    • reduce number of require for urls() (#854) (3338656)
    • support deduplication of string module ids (optimization.namedModules) (#789) (e3bb83a)
    • support module resolution in composes (#845) (453248f)
    • same urls() resolving logic for modules (local and global) and without modules (#843) (fdcf687)

    Features

    • allow to disable css modules and disable their by default (#842) (889dc7f)
    • disable import option doesn't affect on composes (#822) (f9aa73c)
    • allow to filter urls (#856) (5e702e7)
    • allow to filter import at-rules (#857) (5e6034c)
    • emit warning on invalid urls() (#832) (da95db8)
    • added exportOnlyLocals option (#824) (e9327c0)
    • reuse postcss ast from other loaders (i.e postcss-loader) (#840) (1dad1fb)
    • schema options (b97d997)

    BREAKING CHANGES

    • resolving logic for uls() and import at-rules works the same everywhere, it does not matter whether css modules are enabled (with global and local module) or not. Examples - url('image.png') as require('./image.png'), url('./image.png') as require('./image.png'), url('~module/image.png') as require('module/image.png').
    • by default css modules are disabled (now modules: false disable all css modules features), you can return old behaviour change this on modules: 'global'
    • css-loader/locals was dropped in favor exportOnlyLocals option
    • import option only affect on import at-rules and doesn't affect on composes declarations
    • invalid @import at rules now emit warnings
    • use [email protected]

    Bonus

    • code refactoring, updating deps and reusing postcss ast increase performance
    Commits

    The new version differs by 67 commits.

    • 634ab49 chore(release): 2.0.0
    • 6ade2d0 refactor: remove unused file (#860)
    • e7525c9 test: nested url (#859)
    • 7259faa test: css hacks (#858)
    • 5e6034c feat: allow to filter import at-rules (#857)
    • 5e702e7 feat: allow filtering urls (#856)
    • 9642aa5 test: css stuff (#855)
    • 3338656 fix: reduce number of require for url (#854)
    • 533abbe test: issue 636 (#853)
    • 08c551c refactor: better warning on invalid url resolution (#852)
    • b0aa159 test: issue #589 (#851)
    • f599c70 fix: broken unucode characters (#850)
    • 1e551f3 test: issue 286 (#849)
    • 419d27b docs: improve readme (#848)
    • d94a698 refactor: webpack-default (#847)

    There are 67 commits in total.

    See the full diff

    FAQ and help

    There is a collection of frequently asked questions. If those donโ€™t help, you can always ask the humans behind Greenkeeper.


    Your Greenkeeper bot :palm_tree:

    greenkeeper 
    opened by greenkeeper[bot] 13
  • Update emotion in group default to the latest version ๐Ÿš€

    Update emotion in group default to the latest version ๐Ÿš€

    The dependency emotion was updated from 9.2.12 to 10.0.0.

    This version is not covered by your current version range.

    If you donโ€™t accept this pull request, your project will work just like it did before. However, you might be missing out on a bunch of new features, fixes and/or performance improvements from the dependency update.


    Find out more about this release.

    FAQ and help

    There is a collection of frequently asked questions. If those donโ€™t help, you can always ask the humans behind Greenkeeper.


    Your Greenkeeper bot :palm_tree:

    greenkeeper 
    opened by greenkeeper[bot] 13
  • ':color=

    ':color="#bada55"' as the example break the build with unpkg.

    I want to test spinners, but when I copy/paste code as example, using unpkg, vue can't compile due tu color (I trie it with ring-loader). Here Vue report :

    [Vue warn]: Error compiling template:
    invalid expression: private fields are not currently supported in
        #bada55
      Raw expression: :color="#bada55"
    
    1  |  <div id="app">
    2  |      <ring-loader class="spinner" :color="#bada55" :loading="loading" :size="130"></ring-loader>
       |                                   ^^^^^^^^^^^^^^^^
    3  |      <button v-on:click="showSpinLoader()">Load eavy stuff</button>
    4  |      <div id="data" v-show="showData">
    
    (found in <Root>)
    

    sizeUnit="px" also doesn't work, but vue can compile.

    opened by hetica 1
  • Fullscreen Overlay

    Fullscreen Overlay

    Hey there, loving this component

    Is there an "easy" way to get a fullscreen overlay? I am currently using a loader from elementUI which provides a fullscreen option (see code below). Is this something available? I could not find anything in the docs.

    <div v-loading.fullscreen.lock="isLoading" element-loading-background="rgba(0, 0, 0, 0.1)">
     ...app code here
    </div>
    
    opened by mikeerickson 0
  • How to cut output file size?

    How to cut output file size?

    I just used one spinner locally, BarLoader, but it makes no different when I used VueSpinner globally. It is the highest javascript output when I ran npm run prod.

    What should I do to make the output javascript file to be the smallest size as possible?

    opened by ifaniqbal 0
  • unmet peer dependency: emotion, vue-emotion

    unmet peer dependency: emotion, vue-emotion

    opened by Hukuta 3
Owner
Drake Costa
Self-taught Full-Stack JavaScript Engineer. I'm passionate about web technology, PC gaming, photography and Magic: The Gathering.
Drake Costa
Data loading animation component for VueJS, inspired by video games loading screens.

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

null 0 Sep 1, 2020
๐ŸŒ€ 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

Chanwit Piromplad 108 Sep 28, 2022
A simple, flexible spinner for Vue.js

vue-simple-spinner A simple, flexible spinner for Vue.js vue-simple-spinner is designed to be a lightweight Vue.js spinner requiring minimal configura

Dave Williams 416 Sep 19, 2022
๐Ÿš— A 3D product spinner for Vue.js with no dependencies

The product spinner that Vue.js was missing. Sponsors Become a sponsor Live Demo Try it on CodeSandbox! Installation npm npm i vue-product-spinner yar

Michele Riva 91 Oct 1, 2022
A spinner component library for Vue.js

A spinner component library for Vue.js

Amit Khonde 0 Aug 27, 2019
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

null 1 Apr 18, 2019
A GSAP powered, spinner component for Vue.js. Pretty and silky smooth.

A GSAP powered, spinner component for Vue.js. Pretty and silky smooth.

Christopher Gomez 0 Jul 16, 2019
SVG component to create placeholder loading, like Facebook cards loading.

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

EGOIST 2.9k Sep 29, 2022
Vue-loading - Vue Placeholder loading Content With Image,Table,Status

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

Vลฉ ฤแปฉc Viแป‡t 3 Jan 30, 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.

null 1 Aug 3, 2020
Just another collection of loading spinners with Vue.js, alot of spinners

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

Duoc Nguyen 636 Sep 20, 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

KarinP 0 Jun 16, 2020
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

Aleksei Iatsiuk 13 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

iCanJS 8 Apr 30, 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.

Josh Kuttler 51 Sep 18, 2022
A collection of spinners inside reusable vue components

A vue js component library which contains multiple spinners from SpinKit . Vue components built by Adib Mohsin. Please take a look at the live example

Adib Mohsin 33 Feb 26, 2022
An vuejs loading component โ˜„๏ธ

An vuejs loading component โ˜„๏ธ

Igor Souza Martins 19 Jul 27, 2022
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

Guillaume Chau 403 Sep 20, 2022
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

Jeff 57 Apr 6, 2022