https://github.com/ToxicJojo/SkeletonPlaceholder

A small css library to build skeleton placeholders
https://github.com/ToxicJojo/SkeletonPlaceholder

css-library scss-library skeleton-placeholder

Last synced: 3 months ago
JSON representation

A small css library to build skeleton placeholders

• Host: GitHub
• URL: https://github.com/ToxicJojo/SkeletonPlaceholder
• Owner: ToxicJojo
• License: mit
• Created: 2018-01-09T15:00:43.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-04-13T16:54:01.000Z (almost 7 years ago)
• Last Synced: 2024-11-10T08:12:22.678Z (3 months ago)
• Topics: css-library, scss-library, skeleton-placeholder
• Language: CSS
• Homepage: https://toxicjojo.github.io/SkeletonPlaceholder
• Size: 224 KB
• Stars: 12
• Watchers: 2
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• Awesome-CSS-Resources - SkeletonPlaceholder:

README

        
# Skeleton Placeholder

A small CSS library to help you build skeleton placeholders. Allows you to keep using your existing layout and turn them into skeletons.

![](https://i.imgur.com/TMStB8X.png)

## Quick Start

To get started you can include the minified css file from the CDN

```html

```

The first thing you want to do is create a skeleton wrapper. With some bones in it.

```html



  




```


You can find the full documentation [here](https://toxicjojo.github.io/SkeletonPlaceholder/#/)

## Installation

### NPM

You can install the package from npm with

```

npm i -D skeleton-placeholder

```

### CDN

Use our CDN to get the minified css

```html

```

## Demo

You can find a demo page with different use cases [here](https://toxicjojo.github.io/SkeletonPlaceholder/#/examples).

## Contributing

Contributions are welcome.

To get started with development clone the repo and install dependencies.

```bash

git clone https://github.com/ToxicJojo/BoneCss

cd BoneCss

npm install

```

To start a development sever run 

```bash

npm run dev

```

To start the docs server

```bash

npm run docs

```

Both of them autoupdate the webpages on save.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details