Skeleton Card Loader In Vue – VUSC


Just another Vue.js component to create a customizable skeleton loader for card component in the app.

Basic usage:

1. Import the Skeleton Card Loader.

import SkeletonCards from 'vue-ultimate-skeleton-cards'

2. Register the component.


3. Add the Skeleton Card Loader to the template.

  Content Here

4. Customize the component with the following props.

primary: {
  type: String,
  default: "#242424",
padding: {
  type: String,
  default: "2em 3em",
borderRadius: {
  type: String,
  default: "20px",
contrast: {
  type: Number,
  default: 10,
structure: {
  type: String,
  default: "1120333304",
animDuration: {
  type: String,
  default: "1.5s",
  type: Boolean,
  default: false
  type: String,
  default: ""


Skeleton Card Loader In Vue - VUSC

Download Details:

Author: neelansh15

Live Demo:

Download Link:

Official Website:

Install & Download:

# Yarn
$ yarn add vue-ultimate-skeleton-cards

$ npm i vue-ultimate-skeleton-cards --save

You Might Be Interested In:

Add Comment