Skeleton page is used to provide a low fidelity representation of the user interface (UI) before content appears on the page
A skeleton screen is a user experience pattern that’s shown to reduce load time frustration. They create better “perceived performance”.
yarn add @chakra-xui/skeleton # or npm i @chakra-xui/skeleton
<Skeleton> <span>Chakra xui is cool</span> </Skeleton>