Primitive 01 / Image transform panel

Image transform panel

A live transform sheet shaped around Cloudflare's image API. Width, height, format, fit, and quality sit on the right. The left pane is a clickable focal-point picker — arrow keys nudge, shift jumps by 10. Sample asset is the launch-frame for the 2026 Manta build.

Production answer

Image transform panel is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Image transform panel states
Generative search brief

Image transform panel: A live transform sheet shaped around Cloudflare's image API. Width, height, format, fit, and quality sit on the right. The left pane is a clickable focal-point picker — arrow keys nudge, shift jumps by 10. Sample asset is the launch-frame for the 2026 Manta build.

Live primitive · interactive
Cloudflare image transform

manta-hero-frame-019.heic

2400×1350 · AVIF · q76 · Cover
Focal 62, 38

Click the preview or use arrow keys to move the focal point. Shift jumps by 10.

Format
Fit