🧙 Wizard Editor

A powerful, embeddable AI-powered image & video content editor built with React and Fabric.js. Drop a full-featured design studio into any React application.

✨ Features

• 🎨 Canvas editor — drag, drop, resize, rotate, group, lock objects
• 🖼️ Image editing — filters, crop, brightness, contrast, saturation, curves, LUT
• ✏️ Text tools — rich typography, 3D text, text-to-path conversion
• 🤖 AI tools — generative fill, remove background, text-to-image, magic eraser, design copilot
• 📊 Charts & QR — bar, line, pie charts; QR codes; barcodes
• 🎬 Video editor — timeline, transitions, effects, subtitles
• 🎭 Frames & shapes — 20+ frame types, custom shapes, boolean operations
• 📤 Export — PNG, JPG, SVG, PDF, PPTX with bleed and crop marks
• 🎨 Brand Kit — saved palettes, color harmony generator
• 🕒 Version history — undo/redo with persistent history

📦 Installation

npm install wizard-editor

Peer dependencies required:

npm install react react-dom

🚀 Usage

import { WizardEditor } from 'wizard-editor';
import 'wizard-editor/dist/style.css';

function MyApp() {
  return (
    <div style={{ width: '100vw', height: '100vh' }}>
      <WizardEditor />
    </div>
  );
}

⚙️ Requirements

• React 18+
• A modern browser with WebGL support (for video effects)
• For AI features: a Gemini API key (configurable in the editor settings)

🔑 API Keys (optional)

Configure within the editor UI:

• Gemini API key — for AI image/text generation features
• Unsplash API key — for stock photo browsing
• Pexels API key — for stock photo browsing

📄 License

MIT © casvaru