Image Crop Mat

ui

Image cropping as a passe-partout: four mat boards slide over a photo to define the crop window, snap to ratio presets with a settle, and show a rule-of-thirds grid only while dragging.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/image-crop-mat.json"

Sign In

Image Crop Mat

ui

Image cropping as a passe-partout: four mat boards slide over a photo to define the crop window, snap to ratio presets with a settle, and show a rule-of-thirds grid only while dragging.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/image-crop-mat.json"

components/ui/image-crop-mat.tsx