background

KendoReact

React Skeleton

  • Reduce perceived initial load times by showing sleek looking placeholders while content loads.
  • Part of the KendoReact library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
Skeleton Header
  • Display a Placeholder on the Screen While Data is Loading

    The React Skeleton component acts as a placeholder element that represents any type of HTML structure while users are waiting for it to load. A modern user experience staple, the React Skeleton replaces the need to use a loading indicator as it displays a preview of content that is about to be loaded. The KendoReact Skeleton can be used to build HTML elements that are close to the shape and size of the expected content, giving users a perceived performance boost.

    See the React Skeleton demo

    React Skeleton component
  • Appearance

    Thanks to the available out-of-the-box shape and animation options, the KendoReact Skeleton component can easily represent common HTML element shapes like a circle, rectangle or even text shapes. The animation options change from no animation, a pulse animation and a wave animation.

    See the React Skeleton Appearance demo

All KendoReact Components

Next Steps