{"repo":"danilowoz/react-content-loader","free":true,"listed":false,"github":"https://github.com/danilowoz/react-content-loader","clone":"git clone https://github.com/danilowoz/react-content-loader.git","description":"⚪ SVG-Powered component to easily create skeleton loadings.","language":"TypeScript","stars":14003,"topics":["react","loader","svg","loading","facebook-cards-loaders","skeleton-screen","placeholder","skeleton","react-native","react-native-components"],"license":"MIT","category":"mobile-apps","readme_excerpt":"SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading). Features - :gear: Customizable: Feel free to change the colors, speed, sizes, and even RTL ; - :ok hand: Plug and play: with many presets to use, see the examples; - :pencil2: DIY: use the create-content-loader to create your own custom loaders easily; - 📱 React Native support : same API, as same powerful features; - ⚛️ Really lightweight: less than 2kB and 0 dependencies for web version; Index - Getting Started - Usage - Native - Options - Examples - Troubleshooting - Similar packages - Development Getting Started For React Native CDN from JSDELIVR Usage There are two ways to use it: 1. Presets, see the examples: 2. Custom mode, see the online tool Still not clear? Take a look at this working example at codesandbox.io Or try the components editable demo hands-on and install it from bit.dev Native react-content-loader can be used with React Native in the same way as web version with the same import: 1. Presets, see the examples: 2. Custom mode To create custom loaders there is an important difference: as React Native doesn't have any native module for SVG components, it's necessary to import the shapes from react-native-svg or use the named export Rect and Circle from react-content-loader import: Options Prop name and type Environment Description ---------------------------------------------------------------- -------------------------- -----------------------------------------------","default_branch":null,"files":null,"tree":[],"storefront":"/r/danilowoz","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/danilowoz/react-content-loader/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}