https://lucasleandro1204.github.io/vue-content-loading/

Vue component to easily build (or use presets) SVG loading cards Facebook like.
https://lucasleandro1204.github.io/vue-content-loading/

animation card cards facebook loading loading-animations placeholder skeleton svg ui ux vue vuejs

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://lucasleandro1204.github.io/vue-content-loading/
• Owner: LucasLeandro1204
• License: mit
• Created: 2017-10-20T01:41:22.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T16:18:35.000Z (almost 2 years ago)
• Last Synced: 2024-05-19T19:19:30.284Z (6 months ago)
• Topics: animation, card, cards, facebook, loading, loading-animations, placeholder, skeleton, svg, ui, ux, vue, vuejs
• Language: Vue
• Homepage: https://lucasleandro1204.github.io/vue-content-loading/
• Size: 2.97 MB
• Stars: 759
• Watchers: 9
• Forks: 79
• Open Issues: 33
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-docsify - Vue Content Loading - Easily build (or use presets) SVG loading cards like Facebook. (Showcase)

README

        
# Vue Content Loading

### Vue component to easily build or use presets for Facebook-like SVG loading cards.

> Inspired in [React Content Loader](https://github.com/danilowoz/react-content-loader)

## So how does it look like?

Facebook

![Facebook loading](https://raw.githubusercontent.com/LucasLeandro1204/vue-content-loading/master/static/facebook.gif "Facebook loading")

Code

![Code loading](https://raw.githubusercontent.com/LucasLeandro1204/vue-content-loading/master/static/code.gif "Code loading")

# Documentation & Examples

Documentation with all presets is available [HERE](https://lucasleandro1204.github.io/vue-content-loading)

## Installation

Simple installation via NPM

``$ npm install vue-content-loading --save``

##### License

This project is licensed under the MIT license. See the [LICENSE file](./LICENSE) for more details