css-skeletons

1.0.7 • Public • Published

Single div, dynamic, fully customizable CSS library.

Documentation

See full documentation

Getting Started

Use from CDN

<!-- UNPKG -->
<link rel="stylesheet" href="https://unpkg.com/css-skeletons@1.0.7/dist/css-skeletons.min.css"/>

<!-- JSDelivr -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/css-skeletons@1.0.7/dist/css-skeletons.min.css"/>

or

Install from NPM

npm i css-skeletons
import 'css-skeletons'

Examples

A few example from documentation.

<div
  class="skeleton skeleton-line"
  style="
    --lines: 6; /* lines count */
    --l-h: 10px; /* line height */
    --l-gap: 8px; /* line gap */
"
></div>

example 1

<div class="skeleton skeleton-card-3"></div>

example 2

<div
  class="skeleton skeleton-list no-animate"
  style="
        --lines: 5;
        --bg: #ffb6b67d;
        --c-bg: #ff92922b;
        --bullet-ratio: 1.5;
        --l-gap: 15px;
"
></div>

example 3

Package Sidebar

Install

npm i css-skeletons

Weekly Downloads

1,466

Version

1.0.7

License

MIT

Unpacked Size

66.2 kB

Total Files

14

Last publish

Collaborators

  • dgknca