Skeleton

Skeleton component is designed to be used as a placeholder while content is loading. It offers a visually appealing representation of the expected content structure, providing users with a sense of the layout and size of elements that will appear once the data is fetched. Skeletons are commonly used to enhance the user experience during loading states, preventing a blank or jarring appearance and giving the impression that the interface is actively loading content.