Skeleton — Staggered

An iOS-style lock-screen notification stack where collapsed and expanded are the same DOM and the same transform — tap to unfold, swipe a tile onto Clear, and watch the survivors close the gap.

An asymmetric quad layout — four differently sized panels: an oversized hero, a nested stat/goals/spark trio, an avatar feed with captioned media, and a checkbox task panel. Skeleton wireframes driven by design tokens, reflowing from a 2×2 grid to a single column, mobile-first.

An outline skeleton loading placeholder — wireframe shapes fill in one after another across an article card while content loads. Token-driven, design-system agnostic, with dark mode and reduced-motion support.

A responsive bento grid layout with asymmetric skeleton cells, dark/light theme toggle, and full design-system token integration — mobile-first and design-system agnostic.