@sparkiq-ai/editor

A React component library for building data-driven ad templates with multi-page support, dynamic fields, and image generation.

Install

npm install @sparkiq-ai/editor

Quick Start

import { SparkiqEditor, configureApi } from '@sparkiq-ai/editor'
import '@sparkiq-ai/editor/styles.css'

configureApi({ baseUrl: '/api' })

function App() {
  return <SparkiqEditor onPublish={(pages, meta) => console.log(pages)} />
}

Documentation

• User Guide — Installation, usage, API reference
• Developer Guide — Building, testing, publishing

Features

• Multi-page canvas editor
• Text, shapes, images, QR codes
• Dynamic data fields with catalog integration
• Stock image search (Pexels, Unsplash)
• PDF/SVG/JSON import
• AI-powered image generation
• Responsive design with zoom/pan
• Keyboard shortcuts
• Layer management
• Template presets

License

Proprietary — SparkIQ