Skip to content

shaharyar-shamshi/shimmer-example-1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ShimmerExample

ShimmerExample is a React application that demonstrates the usage of the Shimmer component from the react-shimmer-loader library.

Deployment

https://shimmer-example-1.vercel.app/

Description

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.

Installation

To run the ShimmerExample application locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/shaharyar-shamshi/shimmer-example-1
  2. Navigate to the project directory:

    cd shimmer-example-2
  3. Start the development server:

    npm start

Usage

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.