← ui-lab

Crop Frame

A movable, resizable crop selection over a fixed region — the image-cropper / transform-box interaction. Drag a corner to resize two edges at once, an edge handle to resize one, or the body to move; everything stays inside the region. The geometry is also exposed as four sliders (X, Y, Width, Height), each operable with Arrow / Home / End.

Preview

X50
Y40
Width120
Height80

Installation

npx shadcn@latest add https://ui.publictheta.com/r/crop-frame.json

Conformance

This component conforms to the @publictheta/ui-spec crop-frame specification. Run the suite against any implementation with pnpm conformance.