How can I customize AEM OOTB crop functionality to add custom presets?

Hi,

You need to achieve this via clientlibs

(function () {  
   "use strict";  
  
 CUI.imageeditor.plugins.Crop.ASPECT_RATIOS = [ 
   {name: '10_to_9', ratio: 0.9},  
   {name: '3_to_2', ratio: 0.667},  
   {name: '2_to_1', ratio: 0.5},
   {name: '3_to_5', ratio: 0.5714}
  ];  

CUI.imageeditor.plugins.PluginRegistry.register('crop', CUI.imageeditor.plugins.Crop);

 for (var key in CUI.imageeditor.strings) {  
   if (CUI.imageeditor.strings.hasOwnProperty(key)) {  
       CUI.imageeditor.strings[key]["crop.aspect_ratios.10_to_9"] = "10 : 9";  
       CUI.imageeditor.strings[key]["crop.aspect_ratios.3_to_2"] = "3 : 2";  
       CUI.imageeditor.strings[key]["crop.aspect_ratios.2_to_1"] = "2 : 1";  
       CUI.imageeditor.strings[key]["crop.aspect_ratios.3_to_5"] = "3 : 3"; 
   }  
  }  

})();  

Clientlib category

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
    jcr:primaryType="cq:ClientLibraryFolder"
    allowProxy="{Boolean}true"
    categories="[coralui3]"
    dependencies="[granite.jquery]"/>