Showcase

These composed interfaces combine public croppers, child stencils, snippets and core algorithms. Open Show code for the implementation and helper files.

Telegram-style editor

Resize the frame and release it: the selection grows back into the available space while the image follows. Try fine rotation with the dial, quarter turns, and screen-relative flips.

The toolbar is supplied through a wrapper snippet and the child rectangle owns its stencil options. The demo uses the core’s packaged advanced-cropper/showcase/mobile algorithms and a scoped corners theme. If you copy the demo into an application, declare advanced-cropper as a direct dependency for those imports.

Twitter-style avatar cropper

Move the photo under the fixed square and use the slider to zoom. FixedCropper supplies the frame strategy; an inert child rectangle, wrapper snippet and scoped selectors create the avatar interface.

The zoom value comes from the core’s absolute-zoom extension. Follow Absolute zoom to build the slider step by step, or Styling to adapt the visuals.