Skeleton

Provide a placeholder while you wait for content to load, or to visualise content that doesn't exist yet.

Preview in Figma

View React docs

When to use it?

When a resource needs long time to load.
When the component contains lots of information, such as List or Card.
Only works when loading data for the first time.
Could be replaced by Spin in any situation, but can provide a better user experience.

Get Ant Design System for Figma today

Speed up your design and development process

Stop wasting time on creating everything from scratch for every new project you start. Use pixel-perfect and handcrafted elements to design and implement your next Ant Design app efficiently.

Buy now

arrow_forward