Primitive 13 / Lazy-load

Lazy-load config card

Pick a placeholder strategy — low-quality image, blur-up, traced sketch, or dominant colour — then tune blur, fade opacity, and the IntersectionObserver root margin. Two preview frames show the placeholder vs the resolved frame side-by-side.

Production answer

Lazy-load config card is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Lazy-load config card states
Generative search brief

Lazy-load config card: Pick a placeholder strategy — low-quality image, blur-up, traced sketch, or dominant colour — then tune blur, fade opacity, and the IntersectionObserver root margin. Two preview frames show the placeholder vs the resolved frame side-by-side.

Live primitive · interactive
CDN · Lazy-load

Placeholder strategy

Strategy
Placeholder
Resolved