https://github.com/webcodebg/vue-skeleton-loader

Vue modern loading for components
https://github.com/webcodebg/vue-skeleton-loader

animation skeleton-loading vue

Last synced: about 14 hours ago
JSON representation

Vue modern loading for components

• Host: GitHub
• URL: https://github.com/webcodebg/vue-skeleton-loader
• Owner: webcodebg
• License: mit
• Created: 2019-11-28T19:33:06.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T01:54:27.000Z (almost 2 years ago)
• Last Synced: 2024-09-25T16:53:48.671Z (about 2 months ago)
• Topics: animation, skeleton-loading, vue
• Language: Vue
• Homepage:
• Size: 1000 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
 

  

![vue-skeleton-loader logo](https://webcode.bg/upload/snippet.png)

# Vue Skeleton Loader

Show component's skeleton before it's loaded




# Installation

Via NPM

````javascript

import Vue from 'vue'

import VueSkeletonLoader from 'vue-skeleton-loader'

// Extends also premade components for styling

Vue.use(VueSkeletonLoader)

````

Via CDN

````html

````

````javascript

Vue.use(window.vueSkeletonLoader)

````

# Usage

## Drawing a skeleton

TODO: add docs for drawing skeletons

## Using premade skeletons

TODO: create social media skeleton

Social media post skeleton component

````html

````

Article skeleton component

````html

````

Preview: 

![vue-skeleton-loader article preview](https://webcode.bg/upload/snippet.gif)

# Contributions

Read contributions file to get started and guides

# License

MIT License

Copyright (c) 2019 Webcode