Module Deep Dive
Developer APIs
Customize, extend, and integrate our editor controls programmatically via clean REST endpoints and client SDK methods.
Extension Tools
Multiple connection routes designed for modern full-stack web applications developers.
REST Endpoints
Fully mapped JSON routes. Easily query canvas template items or verify license validations remotely.
Webhook Pipelines
Real-time actions hooks. Receives web calls during license status updates and export generations triggers.
JS SDK Methods
Frontend canvas listener hooks. Catch user selection updates or programmatic layer additions in the viewport.
Frontend Canvas JS SDK
Hook directly into the vector editor events loop. Register event listeners for text changes, dimensions warnings, and asset uploads events smoothly.
- Listen to object selection and modification events.
- Programmatically add custom layers with specific coordinates.
JavaScript SDK Snippet
Client JS
// Initialize editor instance hook
const customizer = new KitCustomizer('#editor-frame');
// Programmatically insert a layer
customizer.on('layer:select', (event) => {
console.log('Selected Element:', event.target.id);
});
customizer.addText('Custom Text Input', {
left: 150,
top: 100,
fontSize: 24,
fill: '#FF0000'
});