ShimmerExample is a React application that demonstrates the usage of the Shimmer component from the react-shimmer-loader
library.
https://shimmer-example-1.vercel.app/
The ShimmerExample application displays a set of shimmer loading effects using the Shimmer component from the react-shimmer-loader
library. These shimmer effects simulate content loading placeholders while data is being fetched or loaded asynchronously.
To run the ShimmerExample application locally, follow these steps:
-
Clone the repository:
git clone https://github.com/shaharyar-shamshi/shimmer-example-1
-
Navigate to the project directory:
cd shimmer-example-2
-
Start the development server:
npm start
The ShimmerExample application demonstrates the use of the Shimmer component with various configurations:
- A circular shimmer effect with a width and height of 50 pixels.
- A rectangular shimmer effect with a width of 200 pixels and a height of 100 pixels, used as a placeholder for a description.
- Shimmer effects with different widths and heights used as placeholders for GitHub-related content.