React Native Skeletons

A fully customizable small library with zero dependencies for creating animated loading skeletons.

Docs & Examples

• Installation
• Usage
• Props Reference

Installation

yarn add react-native-skeletons

or

npm install react-native-skeletons

or

Copy this file

Usage

Simple one line skeleton:

  <Skeleton />

Skeleton with circle:

  <Skeleton circle width={40} height={40} />

Skeleton with count value:

  <Skeleton count={4} width={'100%'} height={14} />

Skeleton with custom styles:

  <Skeleton
    count={4}
    width={'100%'}
    height={14}
    color={'grey'}
    borderRadius={10}
    style={styles.myCustomStyle}
  />

Skeleton with spacing value:

   <Skeleton count={14} spacing={20} />

Props Reference

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT