React Native Animated Skeletons ✨

A React Native library to easily create an amazing animated loading skeleton placeholder.

📦 Installation

npm install react-native-animated-skeletons

or

yarn add react-native-animated-skeletons

🚀 Usage

Import and use the components you need:

import Skeleton from 'react-native-animated-skeletons';

export default function App() {
  return (
    <Skeleton
      width={100}
      height={100}
      color="#E1E9EE"
      borderRadius={8}
    />;
  )
}

⚙️ Component Configuration

Most components come with customizable props such as:

• color - The background color of the skeleton
• width (number) - The width of the skeleton in pixels
• height (number) - The height of the skeleton in pixels
• duration (number) - The duration of the animation in milliseconds
• borderRadius (number) - Optional border radius for rounded corners

✍️ Contributing

Contributions are welcome! 🚀

If you'd like to:

• Fix a bug
• Suggest a new animated component
• Improve performance or API design

Please open an issue or submit a pull request.

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

📄 License

MIT

💬 Let's Connect!

• Portfolio
• Twitter
• LinkedIn