Placeholders

Placeholders

Placeholders provide skeleton-like visual shapes while real content is loading.

Core concept

Explain placeholder classes, width sizing, placeholder-glow and placeholder-wave, and replacing the temporary structure with actual content.

Using it in a real interface

Build a loading card with placeholder title, text, and button shapes. Explain why the placeholder should resemble the final layout closely enough to reduce perceived layout shift.

Implementation notes

Do not leave placeholder animation running after content has loaded. Also avoid exposing fake content to assistive technologies as though it were real information.