Shimmer Preview

A shimmer lets people know that a section of information is loading without blocking other UI elements from rendering. They’re great for gradually loading layouts and giving hints about the structure of information.

Use shimmers for loading states that take longer than one second but avoid them for long loading processes. They are indeterminate indicators, so they don’t communicate how much time is left before the process is done. Seeing a shimmer for too long could make people think something’s gone wrong.

This info is coming soon We’ll add the API tables and code blocks as they become available, so check back often. In the meantime, take a look at our source and sample code in GitHub.

Source Code

Sample Code