@chakra-xui/skeleton

React component to render a placeholders while you wait for content to load

Usage no npm install needed!

<script type="module">
  import chakraXuiSkeleton from 'https://cdn.skypack.dev/@chakra-xui/skeleton';
</script>

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>