skeleton-elements

npmpackage.info

Gathering detailed insights and metrics for skeleton-elements

Other packages similar to skeleton-elements

@skeleton-elements/core

2.0.0

Skeleton elements (aka UI Skeletons, Skeleton Screens, Ghost Elements) are representations of UI that will be available (loaded) soon. They are designed to improve perceived performance.

@skeleton-elements/react

2.0.0

Skeleton elements (aka UI Skeletons, Skeleton Screens, Ghost Elements) are representations of UI that will be available (loaded) soon. They are designed to improve perceived performance.

@skeleton-elements/vue

2.0.0

Skeleton elements (aka UI Skeletons, Skeleton Screens, Ghost Elements) are representations of UI that will be available (loaded) soon. They are designed to improve perceived performance.

skeleton-screen-css

1.1.0

Zero dependencies, framework agnostic, a minimalistic set of skeleton screen elements consisting of pure css. Includes scss source, minified and non-minified compiled css files with browser vendor prefixes.

Gathering detailed insights and metrics for skeleton-elements

Styles

Skeleton Elements requires stylesheet to be included:

<link rel="stylesheet" href="path/to/skeleton-elements.css" />

With bundler (like webpack) you can import styles directly from JavaScript:

import 'skeleton-elements/css';

Or it can be included for each component separately:

skeleton-elements/css - All styles

skeleton-elements/css/core - Core styles

skeleton-elements/css/block - Block component

skeleton-elements/css/text - Text component

skeleton-elements/css/image - Image component

skeleton-elements/css/avatar - Avatar component

skeleton-elements/css/effects - Effects

SCSS

SCSS styles are also included:

skeleton-elements/scss - All styles

skeleton-elements/scss/core - Core styles

skeleton-elements/scss/block - Block component

skeleton-elements/scss/text - Text component

skeleton-elements/scss/image - Image component

skeleton-elements/scss/avatar - Avatar component

skeleton-elements/scss/effects - Effects

Usage

See the documentation for more examples and API documentation.

1<style> 2 .user-avatar .skeleton-block { 3 width: 120px; 4 height: 120px; 5 border-radius: 50%; 6 } 7</style> 8<div id="app"> 9 ... 10 <div class="user"> 11 <div class="user-avatar"> 12 <div class="skeleton-block skeleton-effect-fade"></div> 13 </div> 14 <div class="user-name"> 15 <span class="skeleton-text skeleton-effect-fade">John Doe</span> 16 </div> 17 </div> 18 ... 19</div> 20

Other packages similar to skeleton-elements

Other packages similar to skeleton-elements

Installations

Developer Guide

No

ESM

16.17.0

8.15.0

Score

Pull Requests

20

48

15

13

Issues

2

10

8

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Skeleton Elements

Documentation

Installation

Styles

SCSS

Usage

Contribution

Licence

10

10

0

0

0

0

0

0

0

0

1.7

/10