React Skeleton

Overview

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 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 React Skeleton Appearance demo

Next Steps

Visit Our Demos

See KendoReact in action and check out how much it can do out-of-the-box.

See Pricing

Buy an individual license for KendoReact, or treat yourself to Kendo UI, our complete JavaScript bundle.

Start Free Trial

Try KendoReact with dedicated technical support.