• Version 7.0.2
  • Published
  • 162 kB
  • No dependencies
  • MIT license


npm i react-content-loader
yarn add react-content-loader
pnpm add react-content-loader


SVG-Powered component to easily create placeholder loadings (like Facebook cards loading)



variable BulletList

const BulletList: React.FC<IContentLoaderProps>;

    variable Code

    const Code: React.FC<IContentLoaderProps>;

      variable ContentLoader

      const ContentLoader: React.FC<IContentLoaderProps>;

        variable Facebook

        const Facebook: React.FC<IContentLoaderProps>;

          variable Instagram

          const Instagram: React.FC<IContentLoaderProps>;

            variable List

            const List: React.FC<IContentLoaderProps>;


              interface IContentLoaderProps

              interface IContentLoaderProps extends SVGAttributes<SVGElement> {}

                property animate

                animate?: boolean;

                  property backgroundColor

                  backgroundColor?: string;

                    property backgroundOpacity

                    backgroundOpacity?: number;

                      property baseUrl

                      baseUrl?: string;

                        property beforeMask

                        beforeMask?: JSX.Element;

                          property foregroundColor

                          foregroundColor?: string;

                            property foregroundOpacity

                            foregroundOpacity?: number;

                              property gradientRatio

                              gradientRatio?: number;

                                property rtl

                                rtl?: boolean;

                                  property speed

                                  speed?: number;

                                    property title

                                    title?: string;

                                      property uniqueKey

                                      uniqueKey?: string;

                                        Package Files (7)

                                        Dependencies (0)

                                        No dependencies.

                                        Dev Dependencies (39)

                                        Peer Dependencies (1)


                                        To add a badge like this badgeto your package's README, use the codes available below.

                                        You may also use to create a custom badge linking to

                                        • Markdown
                                        • HTML
                                          <a href=""><img src="" alt=""></a>