https://github.com/zlatanpham/skeleton-loader

React component helps ease the process of creating skeleton screens
https://github.com/zlatanpham/skeleton-loader

loader react skeleton-screen

Last synced: about 2 months ago
JSON representation

React component helps ease the process of creating skeleton screens

• Host: GitHub
• URL: https://github.com/zlatanpham/skeleton-loader
• Owner: zlatanpham
• Created: 2019-02-16T14:42:14.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T23:05:37.000Z (over 3 years ago)
• Last Synced: 2025-08-25T15:45:44.534Z (10 months ago)
• Topics: loader, react, skeleton-screen
• Language: TypeScript
• Homepage:
• Size: 1.51 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 32
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# skeleton-loader

>

[![NPM](https://img.shields.io/npm/v/skeleton-loader.svg)](https://www.npmjs.com/package/skeleton-loader) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com) [![Build Status](https://travis-ci.org/zlatanpham/skeleton-loader.svg?branch=master)](https://travis-ci.org/zlatanpham/skeleton-loader)

## Install

```bash

yarn add @uxui/skeleton-loader

// or

npm install --save @uxui/skeleton-loader

```

## Usage

```tsx

import { Skeleton } from '@uxui/skeleton-loader';

class Example extends React.Component {

  render() {

    return ;

  }

}

```

By default, `styled-components` was used to do styling and responsiveness but if you wish to have a `emotion` version, then, you have it:

```tsx

import { Skeleton } from '@uxui/skeleton-loader/emotion';

```

Examples of usage can be found [here](https://codesandbox.io/s/7ojl18nlzx).

## Documentation

Document can be found [here](https://skeleton-loader.netlify.com).

## License

MIT © [zlatanpham](https://github.com/zlatanpham)