Skeleton loader

This design pattern is used as a temporary placeholder to indicate that content is currently loading and will soon be populated with actual data.

It is a user-friendly way to handle loading states by giving users a hint of what to expect, thus improving the perception of performance and keeping users engaged during wait times.

I used the cool Figma plugin - Ghost to generate it. Try it and share your results!