DEV Community

Cover image for VanillaJCrop: Modern Image Crop Web Component
jQueryScript
jQueryScript

Posted on

VanillaJCrop: Modern Image Crop Web Component

VanillaJCrop: a pure ES6+ image cropping library with no dependencies.

Key features:

  • <jcrop-widget> Web Component for markup-based integration
  • Headless API for custom canvas and rendering pipelines
  • Mouse, touch, and pen input via Pointer Events
  • Aspect ratio locking and min/max dimension constraints
  • CSS custom property theming with Shadow DOM encapsulation
  • Drop-in migration path from JCrop jQuery plugin

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)